永利网上娱乐AJAX控件——多层弹出A四ion

 

Sylphyion控件1般用在情节相比多的页面上,功效左近于TAB选项卡,将1组作用相似职分壹样的情节放在差异的选项卡下。然后通过选项卡的Header完毕各组内容查看。

 <asp:Accordion ID=”Accordion1″ runat=”server”
ContentCssClass=”content” HeaderCssClass=”header” >
            <Panes>
                <asp:AccordionPane ID=”Pane1″ runat=”server”>
                    <Header>
                        出战成疑!詹姆斯只列席无对抗演习
                    </Header>
                    <Content>
                       
东京时间二月31日,据《克里夫兰老实人》报纸发表,克利夫兰骑士主帅泰伦-卢表示,勒Brown-詹姆士只列席了前天球队的一小部分教练,他是还是不是出席预热塞揭幕战与凯尔特人的竞技依旧不得而知。
                       
James是在克利夫兰骑士的教练营中不慎左脚跟骨骨折。其余,他在上周铁骑和奶牛的常规赛后底角踝再一次受伤,而那是James参与的唯壹一场季后赛。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane2″ runat=”server”>
                    <Header>
                        大帝缺席联合排练揭幕战或不打
                    </Header>
                    <Content>
                       
新加坡时间3月115日,据德媒报导,Joel-恩比德昨天仍未参训,但费城7陆人主帅布雷特-Brown推测她大概会亮相揭幕战。明日恩比德将会在座全队合练。
据记者Jessica
                       
Camerato发推报纸发表:“恩比德前几天不许参训,但Brown教练臆想她能够参与(本地时间)礼拜三对奇才的揭幕战。”
《卡拉奇问询报》记者Marc
Narducci则报导称,Brown教练表露,恩比德将列席前日的球队联合排练。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane3″ runat=”server”>
                    <Header>
                        圣Antonio马刺队又倒下1个头阵!
                    </Header>
                    <Content>
                       
法国首都时间十月1二日,据德媒报纸发表,圣Antonio马刺队(San Antonio Spurs)近来表露实施德章泰-Murray合同中第1年的球队选项。但以前,Murray还要先养伤,据格雷戈-波波维奇表露,臀部受到损伤的Murray有点儿僵硬,不可能移动。
                       
据National Basketball Association官网报导,圣Antonio马刺今日颁发,他们早已执行了后卫Murray合同中第3年,即2018-1九赛季的球队选项。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane4″ runat=”server”>
                    <Header>
                        新独立三巨磨合最大困难在那!
                    </Header>
                    <Content>
                       
东京(Tokyo)时间4月二十3日,据《雅虎体育》报纸发表,Russell-威斯布鲁克认为,俄国城市雷霆的磨合供给时刻,或然须要一整个赛季。Paul-吉优rge感慨追不上威斯布鲁克的步履,能在场上和威斯布鲁克做队友是种浪费。主帅比利-多诺万则代表,三大人物对两样视角都持开放态度,并愿意尝鲜,他不担心叁巨头的磨合。
                       
在二零一五-一七赛季书写个人传说的威斯布鲁克,方今则要重新寻找怎样在组装起叁大亨的雷霆阵中持续火爆表现。Paul-乔治和卡梅隆-Anthony相继赶来,意味着终于有人能分担威斯布鲁克在进攻端的重担。
                    </Content>
                </asp:AccordionPane>
            </Panes>
        </asp:Accordion>

品质列表:
    SelectedIndex:已伸展开的凯越ionPane控件的索引号。
    HeaderCssClass:效能于标题标CSS类名。它也足以钦点给领驭ion
控件的HeaderCssClass属性以此作为拥有奥迪A四ionPanes控件的私下认可属性,大概直接钦点给单独AUDIionPane控件的HeaderCssClass属性。
    ContentCssClass:用于显示内容的CSS类名。它也能够钦点给Phaetonion
控件的ContentCssClass属性以此作为全体威朗ionPanes控件的暗中认可属性,可能直接钦定给单独AUDIionPane控件的ContentCssClass属性。
    AutoSize:
设计量控制件中Panel的展现格局,主要有3种,即None(Infiniti制的拉伸和收缩),Limit(限制内容的惊人),Fill(内容惊人与控件本人中度一致)。
   
FadeTransitions:为True时为渐变效果(在伸缩时颜色变淡,伸缩完后颜色苏醒平常),为false时是专业变换。
   
TransitionDuration:在增选某一标题后展开和缩短过渡动画所持续的时辰,单位为微秒。
    FramesPerSecond:用于伸展和缩短过渡动画每秒所急需的帧数。
    AutoSize:用于限制CIMAion控件展开的中度.
AutoSize枚举类型取值在简介中已作过描述。
    Panes:CamryionPane控件的成团。
   
HeaderTemplate:标题模版,其中蕴蓄的标志用于实行数据绑定来体现面版标题。      
   
ContentTemplate:内容模版,在那之中富含的标记用于举行多少绑来显示面版内容。
    DataSource:内定数据源,必需求调用DataBind()方法实行数据绑定。
    DataSourceID:用数据源的ID来钦点3个数据源。
    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=””>属性介绍1</a></Header>
                    <Content>                     
    HeaderCssClass:成效于题指标CSS类名。它也得以钦赐给CIMAion
控件的HeaderCssClass属性以此作为颇具AUDIionPanes控件的默许属性,或然直接钦定给单独英朗ionPane控件的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);

相关文章