zoukankan      html  css  js  c++  java
  • ExtAspNet手风琴+树节点应用及属性设置问题

    昨天头儿让做一个手风琴+树节点的目录整个结构没问题。就是有些属性拿捏得不是很到位导致部分页面功能无法实现,在这里做一个总结。

    1、基本结构:

    View Code
     1 <ext:RegionPanel runat="server" ID="RegionPanel1" BodyPadding="5px">
     2             <Regions>
     3                 <ext:Region runat="server" Split="true" Layout="fit" Position="left" Width="250" EnableCollapse="true" Title="目录">
     4                     <Items>
     5                         <ext:Accordion runat="server" ID="Accordion1" ShowBorder="false" ShowHeader="false">
     6                             <Panes>
     7                                 <ext:AccordionPane runat="server" ID="Pane1" Title="Pane1" ShowBorder="false">
     8                                     <Items>
     9                                         <ext:Tree runat="server" ID="Tree1" Title="Tree1" ShowHeader="false" ShowBorder="false">
    10                                             <Nodes>
    11                                                 <ext:TreeNode Text="TreeNode1"></ext:TreeNode>
    12                                                 <ext:TreeNode Text="TreeNode2">
    13                                                     <ext:TreeNode Text="TreeNode21"></ext:TreeNode>
    14                                                 </ext:TreeNode>
    15                                             </Nodes>
    16                                         </ext:Tree>
    17                                     </Items>
    18                                 </ext:AccordionPane>
    19                                 <ext:AccordionPane runat="server" ID="Pane2" Title="Panel2">
    20                                     <Items>
    21                                         <ext:Tree runat="server" ID="Tree2" Title="Tree2">
    22                                             <Nodes>
    23                                                 <ext:TreeNode Text="TreeNode1"></ext:TreeNode>
    24                                             </Nodes>
    25                                         </ext:Tree>
    26                                     </Items>
    27                                 </ext:AccordionPane>
    28                             </Panes>
    29                         </ext:Accordion>
    30                     </Items>
    31                 </ext:Region>
    32             </Regions>
    33             <Regions>
    34             <ext:Region>
    35             <Items>
    36                 <ext:TabStrip runat="Server" ID="TabStrip1">
    37                 <Tabs>
    38                 <ext:Tab runat="Server">
    39                 <Items>
    40                     <ext:Label runat="server" Text="123"></ext:Label>
    41                 </Items>
    42                 </ext:Tab>
    43                 </Tabs>
    44                 </ext:TabStrip>
    45             </Items>
    46             </ext:Region>
    47             </Regions>
    48         </ext:RegionPanel>

     对于控件的嵌套顺序 一定要注意 不然会出现很奇怪的问题 比如说什么地方会多一条啦 之类的。

    2、关于目录所在的Region是否显示:

      在Region属性中一定要设置Position。基于我的测试 Position只有在Left和Right才能使得目录能够完整的显示。

    3、目录Region的隐藏问题:

      在Region属性中有一个EnableCollapse属性设置为true则能够出现隐藏按钮。但是有个前提showheader属性不能设置为false。

    4、关于不设置第二个Region网页报错问题:

      在目录所在的Region后要添加一个Region域并且只有在其中添加TabStrip控件才能正确显示。

    5、手风琴控件自动滚动条:

      在手风琴控件的AccordionPane里设置AutoScroll="true" layout布局属性不能设置为fit。不然不会自动出现滚动条

    //5、设置节点的点击事件:

      暂缺

  • 相关阅读:
    十分钟构建双十一交互分析大盘
    数字IT基础-数据采集总线
    阿里云文件存储(NAS)助力业务系统承载双十一尖峰流量
    如何在网络视听行业建一扇内容安全大门?
    Frost & Sullivan权威报告:阿里云再次领跑云WAF大中华区市场
    赋能时空云计算,阿里云数据库时空引擎Ganos上线
    点播转码相关常见问题及排查方式
    《边缘云计算技术及标准化白皮书》
    内存性能的正确解读
    《倡议书——节约用电,从我做起》
  • 原文地址:https://www.cnblogs.com/guardianf/p/2609519.html
Copyright © 2011-2022 走看看