昨天头儿让做一个手风琴+树节点的目录整个结构没问题。就是有些属性拿捏得不是很到位导致部分页面功能无法实现,在这里做一个总结。
1、基本结构:
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
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、设置节点的点击事件:
暂缺