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、设置节点的点击事件:

  暂缺

 

你可能感兴趣的:(ext)