多层弹出阿特兹ion

 

迈锐宝ion控件一般用在内容比较多的页面上,功效看似于TAB选项卡,将一组功效相似职分同样的内容放在差异的选项卡下。然后经过选项卡的Header完毕各组内容查看。

 <asp:Accordion ID=”Accordion1″ runat=”server”
ContentCssClass=”content” HeaderCssClass=”header” >
            <Panes>
                <asp:AccordionPane ID=”Pane1″ runat=”server”>
                    <Header>
                        出战成疑!小皇帝只列席无对抗训练
                    </Header>
                    <Content>
                       
时尚之都时间二月二十三日,据《克里夫兰老实人》广播发表,骑士队(Cleveland Cavaliers)主帅泰伦-卢代表,勒Brown-James只列席了昨日球队的一小部分教练,他是还是不是加入总决赛揭幕战与凯尔特人的交锋依然一无所知。
                       
James是在克利夫兰骑士(Cleveland Cavaliers)的教练营中不慎左腿复发性风湿病。其余,他在下七日铁骑和母牛的半决赛前左腿踝再一次受到损伤,而那是詹姆士参预的唯一一场半决赛。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane2″ runat=”server”>
                    <Header>
                        大帝缺席联合排练揭幕战或不打
                    </Header>
                    <Content>
                       
新加坡时间11月11日,据日媒报纸发表,乔尔-恩比德今日仍未参训,但76人队(Philadelphia 76ers)(Philadelphia 76ers)上校Brett-Brown揣测他恐怕会亮相揭幕战。今天恩比德将会在座全队联合排练。
据记者杰西卡
                       
Camerato发推报导:“恩比德后日不许参训,但Brown教练预计她能够参加(本地时间)周天对奇才的揭幕战。”
《布拉迪斯拉发问询报》记者Marc
Narducci则报导称,Brown教练揭露,恩比德将到场明日的球队联合排练。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane3″ runat=”server”>
                    <Header>
                        圣Antonio马刺队又倒下一个首发!
                    </Header>
                    <Content>
                       
法国首都时间四月12日,据日媒广播发表,圣安东尼奥圣Antonio马刺(San Antonio Spurs)这几天公布进行德章泰-Murray合同中第3年的球队选项。但从前,Murray还要先养伤,据格雷戈-波波维奇揭示,臀部受到损伤的Murray有一点儿僵硬,不能够活动。
                       
据美职篮官方网站报纸发表,圣Antonio马刺队后天通知,他们曾经实行了后卫Murray合同中第3年,即2018-19赛季的球队选项。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane4″ runat=”server”>
                    <Header>
                        新标准三巨磨合最大困难在那!
                    </Header>
                    <Content>
                       
东京时间1十二月21日,据《雅虎体育》广播发表,Russell-威斯布鲁克感觉,俄国城市雷霆的磨合供给时刻,也许要求一整个赛季。Paul-乔治感慨追不上威斯布鲁克的步伐,能在场上和威斯布鲁克做队友是种浪费。主帅Billy-多诺万则表示,三大亨对不一致意见都持开放姿态,并甘当尝鲜,他不顾虑三要员的磨合。
                       
在2015-17赛季书写个人神话的Westbrook,前段时间则要双重寻觅怎样在组装起三要员的雷霆阵中连续热点表现。Paul-乔治和卡梅隆-Anthony相继驶来,意味着终于有人能分担威斯布鲁克在攻击端的重担。
                    </Content>
                </asp:AccordionPane>
            </Panes>
        </asp:Accordion>

本性列表:
    SelectedIndex:已扩充开的CTucsonIDE里奥nPane控件的索引号。
    HeaderCssClass:成效于标题标CSS类名。它也得以内定给SANTANAion
控件的HeaderCssClass属性以此作为具备PASSATionPanes控件的暗中同意属性,或许直接内定给单独Gran LavidaionPane控件的HeaderCssClass属性。
    ContentCssClass:用于体现内容的CSS类名。它也得以钦点给英朗ion
控件的ContentCssClass属性以此作为具有阅朗ionPanes控件的暗中同意属性,或许直接钦命给单独科沃兹ionPane控件的ContentCssClass属性。
    AutoSize:
设计控件中Panel的显示方式,主要有3种,即None(Infiniti制的拉伸和减弱),Limit(限制内容的可观),Fill(内容中度与控件本人高度同样)。
   
FadeTransitions:为True时为渐变效果(在伸缩时颜色变淡,伸缩完后颜色恢复生机平常),为false时是明媒正娶调换。
   
TransitionDuration:在选取某一标题后张开和裁减过渡动画所持续的日子,单位为飞秒。
    FramesPerSecond:用于伸展和减少过渡动画每秒所必要的帧数。
    AutoSize:用于限制Cruzeion控件展开的中度.
AutoSize枚举类型取值在简单介绍中已作过描述。
    Panes:飞度ionPane控件的晤面。
   
HeaderTemplate:标题模版,当中带有的符号用于开展多少绑定来展现面版标题。      
   
ContentTemplate:内容模版,在那之中蕴藏的暗号用于举行数据绑来展现面版内容。
    DataSource:钦点数据源,必需求调用DataBind()方法举行数量绑定。
    DataSourceID:用数据源的ID来钦定四个数据源。
    DataMember:当使用DataSourceID 来钦定数量源时用于绑定的成员。

实例分析一、达成静态导航菜单的实例(并页面无刷新)
主题技能:
分界面无刷新
OnItemCommand=”Accordion1_ItemCommand”

1.前台UI
<head runat=”server”>
    <title>无标题页</title>
    <style>
    .header
    {
      background-color:gray;
      height:25px;
      widht:205px;
      border-right:#99ccff thin solid;
      border-top:#9ccff thin solid;
      border-left:#9ccff thin solid;
      border-botton:#9ccff thin solid;
    }
    .content
    {
      background-color:#ccccff;
      height:30px;
      width:205px;
    }
    </style>
</head>
<body>
    <form id=”form1″ runat=”server”>
    <div>
        <asp:ScriptManager ID=”ScriptManager1″
runat=”server”></asp:ScriptManager>   
    </div>
        <asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>
            <ContentTemplate>
       <asp:Label ID=”lab” runat=”server”
Text=””></asp:Label>
        <cc1:Accordion ID=”Accordion1″ runat=”server”
ContentCssClass=”content” HeaderCssClass=”header” AutoSize=”None”
Width=”300px” Height=”150px”
OnItemCommand=”Accordion1_ItemCommand”>
            <Panes>
                  <cc1:AccordionPane ID=”AccordionPane1″
runat=”server”>
                    <Header><a
href=””>属性介绍一</a></Header>
                    <Content>                     
    HeaderCssClass:作用于题指标CSS类名。它也足以钦赐给CIMAion
控件的HeaderCssClass属性以此作为具有TIIDAionPanes控件的暗许属性,可能直接钦定给单独奥迪A4ionPane控件的HeaderCssClass属性。
                    </Content>
            </cc1:AccordionPane>
            </Panes>
            <Panes>
                 <cc1:AccordionPane ID=”AccordionPane2″
runat=”server”>
                   <Header><a
href=””>属性介绍二</a></Header>
                   <Content>
                   DataMember:当使用DataSourceID
来内定数量源时用于绑定的分子。<br />
                       <asp:LinkButton ID=”LinkButton1″
runat=”server” CommandName=”link”
CommandArgument=”单击外部获得此数量”>单击外部拿到此数额</asp:LinkButton>
                   </Content>
             </cc1:AccordionPane>
            </Panes>
        </cc1:Accordion>
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>

2.后台
    protected void Accordion1_ItemCommand(object sender,
CommandEventArgs e)
    {
        lab.Text = e.CommandArgument.ToString();
    }

实例解析二、完成动态导航菜单的实例(并页面无刷新)
大旨技能:
界面无刷新
OnItemCommand=”Accordion1_ItemCommand”
SqlDataSource

 <form id=”form1″ runat=”server”>
    <div>
        <asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
        </asp:ScriptManager>
   
    </div>
         
        <asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>
            <ContentTemplate>
       <asp:Label ID=”lab” runat=”server”
Text=””></asp:Label>
        <cc1:Accordion ID=”Accordion1″ runat=”server”
ContentCssClass=”content” HeaderCssClass=”header” AutoSize=”None”
Width=”300px” Height=”150px” OnItemCommand=”Accordion1_ItemCommand”
DataSourceID=”SqlDataSource1″>
              <HeaderTemplate>
                  <asp:LinkButton ID=”LinkButton1″ runat=”server”
Text='<%# Bind(“UserName”)%>’></asp:LinkButton>
              </HeaderTemplate>
              <ContentTemplate>
              <asp:LinkButton ID=”LinkButton1″ runat=”server”
Text='<%# Bind(“UserAddress”)%>’></asp:LinkButton>
              </ContentTemplate>
        </cc1:Accordion>
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:SqlDataSource ID=”SqlDataSource1″ runat=”server”
ConnectionString=”<%$ ConnectionStrings:db_04ConnectionString
%>”
            SelectCommand=”SELECT [UserName], [UserAddress],
[UserID] FROM [tb_Employee]”></asp:SqlDataSource>
    </form>

实例解析二、动态增添导航菜单项的实例
大旨技艺:
        AccordionPane pane = new AccordionPane();
        ….
        pane.HeaderContainer.Controls.Add(LinkButton..);
        pane.ContentContainer.Controls.Add(…);
        ….
        Accordion1.Panes.Add(pane);

相关文章