AjaxControlToolkit工具的使用实例及注意事项

 <asp:ScriptManager ID="ScriptManager1" runat="server"  EnableScriptGlobalization="true"  EnableScriptLocalization="true">
注：藍色部分為本地化顯示TOOLKIT控件顯示內容的屬性，在CalendarExtender中將“Today”顯示為“今天”。

CalendarExtender日历控件：
使用的注意点：
　　1、不要将READONLY设置为TRUE,否则在刷新页面时不能提到你选取的时间；
　　2、此控件不能显示时分秒，否则在刷新时会显示00：00：00。
实例代码：
　　　　　　<table>
                <tr>
                    <td><asp:TextBox ID="TxtStartDate" runat="server" Width="80px"></asp:TextBox>
                        <cc1:CalendarExtender ID="TxtStartDate_CalendarExtender" runat="server"
                            TargetControlID="TxtStartDate" PopupButtonID="ImageButton1" Format="yyyy-MM-dd">
                        </cc1:CalendarExtender>
                    </td>
                    <td><asp:ImageButton ID="ImageButton1" runat="server"
                            ImageUrl="~/Images/Calendar.GIF" /></td>
                    <td><asp:TextBox ID="TxtStartTime" runat="server" Width="40px"></asp:TextBox></td>
                </tr>
                </table>

 

CollapsiblePanelExtender卷页控件：

此控件可以展开卷起显示的内容。

　　　　　　　　<asp:Panel ID="TitlePanel1" runat="server" CssClass="titlePanel">
                        <table border="0" cellpadding="3" cellspacing="0" width="100%">
                           <tr>
                               <td style="auto;"><span style="color: #333; font-weight:bold;">狀態圖 </span></td>
                               <td style="20px;"><asp:Image ID="Image1" runat="server" ImageUrl="~/images/expand.jpg" /> </td>
                           </tr>
                        </table>
                   
                       </asp:Panel>
   
                       <asp:Panel ID="ContentPanel1" runat="server" CssClass="contentPanel">
                           //内容
                                                              
                       </asp:Panel>
                       <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" 
                       　　　　runat="server" 
                       　　　　TargetControlID="ContentPanel1" 
                       　　　　ExpandControlID="TitlePanel1" 
                       　　　　CollapseControlID="TitlePanel1" 
                       　　　　Collapsed="false"
                       　　　　TextLabelID="Label1" 
                       　　　　ExpandedText="(隐藏详细信息...)"
                       　　　　CollapsedText="(显示详细信息...)"
                       　　　　ImageControlID="Image1"
                       　　　　CollapsedImage="~/images/expand.jpg"
                       　　　　ExpandedImage="~/images/collapse.jpg"
                       　　　　SuppressPostBack="true">
                            </cc1:CollapsiblePanelExtender>
 

属性说明：

   1、TargetControlID:该属性指定一个Panel，该Panel就是CollapsiblePanel要扩展显示或折叠的内容面板。
   2、CollapseControlID/ExpandControlID:该属性指定控制折叠/扩展的控件ID。
   3、ExpandDirection:指定Panel的扩展方向。
   4、TextLabelID:指定一个控件，可以在扩展或折叠Panel时显示CollapsedText/ExpandedText中的内容。
   5、CollapasedText/ExpandedText:Panel折叠/扩展时的文本。
   6、Collapsed:指定页面导入时Panel是折叠还是扩展。
   7、ImageControlID:指定一个控件，在扩展时显示ExpandedImage中的图像;在折叠时显示CollapsedImage中的图像。
   8、ExpandedImage/CollapsedImage:在扩展/折叠时显示不同的图像。
   9、SuppressPostBack:禁止回传。