zoukankan      html  css  js  c++  java
  • CollapsiblePanelExtender这Ajax控件

    今天做考试系统是遇到一个问题从昨晚到今天才自己摸索出来 
    ajax里面的CollapsiblePanelExtender控件控制Label显示文字(显示和隐藏)是呀设置Lable的AssociatedControlID属性为Label所在的Panel 
    下面是示例代码: <asp:ScriptManager ID="ScriptManager1" runat="server"> 
            </asp:ScriptManager> 
            <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" 
            TargetControlID ="Panel1" ExpandControlID ="Panel2" 
              CollapseControlID ="Panel2" 
              Collapsed ="true" 
               TextLabelID="Label1" 
                ExpandedText ="隐藏...." 
                 CollapsedText ="显示...." 
                ImageControlID ="Image1" 
                 
               ExpandedImage ="~/images/collapse_blue.jpg"         
                CollapsedImage ="~/images/expand_blue.jpg" 
               SuppressPostBack ="true" 
               SkinID ="CollapsiblePanelDemo" 
               runat="server"> 
             
            </cc1:CollapsiblePanelExtender> 
             
       <%-- <ajaxToolkit:CollapsiblePanelExtender ID="cpeDemo" runat="Server" 
            TargetControlID="Panel1" 
            ExpandControlID="Panel2" 
            CollapseControlID="Panel2" 
            Collapsed="True" 
            TextLabelID="Label1" 
            ImageControlID="Image1"     
            ExpandedText="(Hide Details...)" 
            CollapsedText="(Show Details...)" 
            ExpandedImage="~/images/collapse_blue.jpg" 
            CollapsedImage="~/images/expand_blue.jpg" 
            SuppressPostBack="true" 
            SkinID="CollapsiblePanelDemo" />--%> 
            <asp:Panel ID="Panel2" CssClass ="collapsePanelHeader" Height ="30px" Width ="100%" runat="server"> 
                     
             
             <div style="padding:5px; cursor: pointer; vertical-align: middle;"> 
                    <div style="float: left;">What is ASP.NET AJAX?</div> 
                    <div style="float: left; margin-left: 20px;"> 
                     
                        <asp:Label ID="Label1"  runat="server" AssociatedControlID="Panel1" >(haha....)</asp:Label> 
                    </div> 
                    <div style="float: right; vertical-align: middle;"> 
                        <asp:ImageButton ID="Image1" ImageUrl="~/Images/expand_blue.jpg" AlternateText="(Show Details...)" runat="server"/> 
                    </div> 
                </div> 
                </asp:Panel> 
           <asp:Panel ID="Panel1" CssClass ="collapsePanel" Height ="0px" Width ="100%" runat="server"> 
             
             

                <p> 
                     
                    <asp:ImageButton ID="Image2" runat="server" ImageUrl="~/Images/AJAX.gif" 
                        AlternateText="ASP.NET AJAX" ImageAlign="right" /> 
                  哈哈o(∩_∩)o...哈哈 
                </p> 
           </asp:Panel>
  • 相关阅读:
    easyui-datagrid 编辑模式下保存数据,光标所在单元格无法保存。
    esayui datebox 系统日期之后禁止选择
    使用easy-TreeGrid完成角色权限设置;使用checkbox
    jquery easyui easyui-combobox 与easyui-textbox 取值赋值操作
    原生js table中点击操作按钮,获取相应行某列需要的值作为参数请求跳转
    excel 导出 兼容到ie (JavaScript)
    vue 路由导航重复跳转报错解决记录
    变量提升
    定时器轮播,轮播一次加载一张图;
    es7 es8 新加的特性。
  • 原文地址:https://www.cnblogs.com/zhiji6/p/1649414.html
Copyright © 2011-2022 走看看