AJAX控件——多层弹出英朗ion亿万先生官方网站:

 

属性列表:
    SelectedIndex:已伸展开的RegalionPane控件的索引号。
    HeaderCssClass:成效于题指标CSS类名。它也得以内定给Phaetonion
控件的HeaderCssClass属性以此作为颇具凌度ionPanes控件的暗许属性,或许直接钦命给单独MARCHionPane控件的HeaderCssClass属性。
    ContentCssClass:用于显示内容的CSS类名。它也足以钦赐给Cavalierion
控件的ContentCssClass属性以此作为拥有CruzeionPanes控件的暗中认可属性,或许直接钦命给单独英朗ionPane控件的ContentCssClass属性。
    AutoSize:
设计量控制件中Panel的显示格局,首要有三种,即None(Infiniti制的拉伸和收缩),Limit(限制内容的惊人),Fill(内容中度与控件本身高度一致)。
   
FadeTransitions:为True时为渐变效果(在伸缩时颜色变淡,伸缩完后颜色苏醒平常),为false时是专业变换。
   
TransitionDuration:在挑选某壹题目后展开和收缩过渡动画所持续的年月,单位为纳秒。
    FramesPerSecond:用于伸展和收缩过渡动画每秒所供给的帧数。
    AutoSize:用于限制Crossion控件展开的中度.
AutoSize枚举类型取值在简介中已作过描述。
    Panes:AUDIionPane控件的聚众。
   
HeaderTemplate:标题模版,当中蕴藏的符号用于举行多少绑定来呈现面版标题。      
   
ContentTemplate:内容模版,在那之中包涵的记号用于进行数量绑来突显面版内容。
    DataSource:内定数据源,必要求调用DataBind()方法实行多少绑定。
    DataSourceID:用数据源的ID来内定三个数据源。
    DataMember:当使用DataSourceID 来钦命数量源时用于绑定的分子。

 <asp:Accordion ID=”Accordion1″ runat=”server”
ContentCssClass=”content” HeaderCssClass=”header” >
            <Panes>
                <asp:AccordionPane ID=”Pane1″ runat=”server”>
                    <Header>
                        出战成疑!King James只出席无对抗演练
                    </Header>
                    <Content>
                       
新加坡时间十月1日,据《克里夫兰老实人》广播发表,克利夫兰骑士队主帅泰伦-卢代表,勒Brown-James只参预了明天球队的一小部分练习,他是或不是参与预热塞揭幕战与凯尔特人的较量依然不得而知。
                       
James是在骑士队(Cleveland Cavaliers)的磨练营中不慎左脚高弓足。此外,他在上周铁骑和奶牛的半决赛前底角踝再一次受到损伤,而这是James参与的唯壹一场季后赛。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane2″ runat=”server”>
                    <Header>
                        大帝缺席联合排练揭幕战或不打
                    </Header>
                    <Content>
                       
北京时间二月二7日,据美国媒体电视发表,Joel-恩比德明日仍未参训,但费城费城7六人(Philadelphia 7陆ers)中将Brett-Brown估摸她大概会亮相揭幕战。前日恩比德将会在座全队联合排练。
据记者杰西卡
                       
Camerato发推广播发表:“恩比德今日得不到参预练习,但Brown教练估量她得以参与(本地时间)礼拜天对奇才的揭幕战。”
《日内瓦问询报》记者Marc
Narducci则报导称,布朗教练揭示,Embiid将列席明天的球队联合排练。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane3″ runat=”server”>
                    <Header>
                        马刺队又倒下三个首发!
                    </Header>
                    <Content>
                       
新加坡时间11月三八日,据法媒报导,圣安东尼奥马刺队(San Antonio Spurs)最近公告进行德章泰-Murray合同中第二年的球队选项。但从前,Murray还要先养伤,据格雷戈-波波维奇披露,臀部受到损伤的穆雷有点儿僵硬,不可能活动。
                       
据美国篮球职业联赛官网广播发表,马刺队前几天公告,他们已经实施了后卫穆雷合同中第二年,即201八-1玖赛季的球队选项。
                    </Content>
                </asp:AccordionPane>
                <asp:AccordionPane ID=”Pane4″ runat=”server”>
                    <Header>
                        新独立3巨磨合最大困难在那!
                    </Header>
                    <Content>
                       
香港(Hong Kong)时间111月12日,据《雅虎体育》广播发表,Russell-威斯Brooke认为,俄国城市雷霆的磨合须要时刻,只怕要求一整个赛季。Paul-吉优rge感慨追不上威斯布鲁克的步伐,能在场上和威斯布鲁克做队友是种浪费。主帅比利-多诺万则象征,3大亨对分歧意见都持开放姿态,并甘当尝鲜,他不担心三要员的磨合。
                       
在201陆-一七赛季书写个人传奇的威斯布鲁克,近期则要再一次寻找怎么样在组装起三巨头的雷霆阵中持续火爆表现。Paul-吉优rge和卡梅隆-Anthony相继赶来,意味着终于有人能分担威斯布鲁克在攻打端的重担。
                    </Content>
                </asp:AccordionPane>
            </Panes>
        </asp:Accordion>

实例分析2、动态添加导航菜单项的实例
宗旨技术:
        AccordionPane pane = new AccordionPane();
        ….
        pane.HeaderContainer.Controls.Add(LinkButton..);
        pane.ContentContainer.Controls.Add(…);
        ….
        Accordion1.Panes.Add(pane);

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类名。它也足以钦点给凯美瑞ion
控件的HeaderCssClass属性以此作为拥有亚洲龙ionPanes控件的暗许属性,或许间接内定给单独日产GT-RionPane控件的HeaderCssClass属性。
                    </Content>
            </cc1:AccordionPane>
            </Panes>
            <Panes>
                 <cc1:AccordionPane ID=”AccordionPane2″
runat=”server”>
                   <Header><a
href=””>属性介绍二</a></Header>
                   <Content>
                   DataMember:当使用DataSourceID
来钦命数量源时用于绑定的积极分子。<br />
                       <asp:LinkButton ID=”LinkButton一”
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();
    }

Cruzeion控件①般用在内容相比较多的页面上,作用看似于TAB选项卡,将1组功用相似职责同样的情节放在区别的选项卡下。然后通过选项卡的Header完成各组内容查看。

 <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>

实例分析贰、完毕动态导航菜单的实例(并页面无刷新)
大旨技术:
界面无刷新
OnItemCommand=”Accordion1_ItemCommand”
SqlDataSource

实例分析一、完结静态导航菜单的实例(并页面无刷新)
宗旨技术:
界面无刷新
OnItemCommand=”Accordion1_ItemCommand”

相关文章

网站地图xml地图