[Ext.Net]TreePanel+gridPanel实例



@小花要完整例子，尝试一下图文并茂，力求完整。

gridPanel TreePanel.JPG (27.49 KB, 下载次数: 16)

下载附件  保存到相册

2013-1-6 11:24 上传

前台代码

1. <ext:ResourceManager ID="ResourceManager1" DirectMethodNamespace="RM" runat="server" />
   
2. <ext:Store ID="StoreDeptDetailList" OnBeforeStoreChanged="StoreChanged" runat="server">
   
3. <Reader>
   
4. <ext:JsonReader IDProperty="ID">
   
5. <Fields>
   
6. <ext:RecordField Name="ID" />
   
7. <ext:RecordField Name="wzdm" />
   
8. ... ....
   
9. <ext:RecordField Name="bz" />
   
10. </Fields>
    
11. </ext:JsonReader>
    
12. </Reader>
    
13. </ext:Store>
    
14. <ext:Viewport ID="Viewport1" runat="server" Layout="border">
    
15. <Items>
    
16. <ext:Panel ID="Panel1" runat="server" Region="West" Split="true" Width="225" Border="false"
    
17. AutoScroll="true">
    
18. <Content>
    
19. <ext:TreePanel ID="treePanel" runat="server" Border="false">
    
20. <Root>
    
21. </Root>
    
22. <Listeners>
    
23. <Click Handler="e.stopEvent();RM.NodeClick(node.id);" />
    
24. </Listeners>
    
25. </ext:TreePanel>
    
26. </Content>
    
27. </ext:Panel>
    
28. <ext:Panel ID="PanelCenter" runat="server" Region="Center" Layout="Fit" Cls="ViewPortRight"
    
29. ButtonAlign="Right" Width="270" Header="false" Title="物资明细" Icon="TableGear"
    
30. Border="false">
    
31. <Items>
    
32. <ext:GridPanel ID="gpFuncsList" runat="server" StripeRows="true" ClicksToEdit="0"
    
33. Header="false" Height="600" StoreID="StoreDeptDetailList" Border="true" TrackMouseOver="true">
    
34. <TopBar>
    
35. <ext:Toolbar ID="Toolbar2" runat="server" AutoWidth="true">
    
36. <Items>
    
37. <ext:Label runat="server" ID="lblTitle">
    
38. </ext:Label>
    
39. <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
    
40. <ext:Button ID="btnAdd" runat="server" Text="新增" Icon="Add">
    
41. <Listeners>
    
42. <Click Handler="#{gpFuncsList}.insertRecord();" />
    
43. </Listeners>
    
44. </ext:Button>
    
45. <ext:Button ID="btnDelete" runat="server" Text="删除" Icon="Delete">
    
46. <Listeners>
    
47. <Click Handler="#{gpFuncsList}.deleteSelected();" />
    
48. </Listeners>
    
49. </ext:Button>
    
50. <ext:Button ID="btnSave" runat="server" Text="保存" Icon="Disk">
    
51. <Listeners>
    
52. <Click Handler="#{gpFuncsList}.save();" />
    
53. </Listeners>
    
54. </ext:Button>
    
55. </Items>
    
56. </ext:Toolbar>
    
57. </TopBar>
    
58. <ColumnModel ID="ColumnModel1" runat="server">
    
59. <Columns>
    
60. <ext:Column ColumnID="wzmc" DataIndex="wzmc" Header="物资名称" Align="Center" Sortable="false">
    
61. <Editor>
    
62. <ext:TextField ID="TextField1" runat="server" />
    
63. </Editor>
    
64. </ext:Column>
    
65. <ext:Column ColumnID="ggxh" DataIndex="ggxh" Header="规格型号" Align="Center" Sortable="false">
    
66. <Editor>
    
67. <ext:TextField ID="TextField2" runat="server" />
    
68. </Editor>
    
69. </ext:Column>
    
70. <ext:Column ColumnID="bcdd" DataIndex="bcdd" Header="保存地点" Align="Center" Sortable="false">
    
71. <Editor>
    
72. <ext:TextField ID="TextField3" runat="server" />
    
73. </Editor>
    
74. </ext:Column>
    
75. <ext:Column ColumnID="sccj" DataIndex="sccj" Header="生产厂家" Align="Center" Sortable="false">
    
76. <Editor>
    
77. <ext:TextField ID="TextField4" runat="server" />
    
78. </Editor>
    
79. </ext:Column>
    
80. <ext:Column ColumnID="jxs" DataIndex="jxs" Header="经销商" Align="Center" Sortable="false">
    
81. <Editor>
    
82. <ext:TextField ID="TextField5" runat="server" />
    
83. </Editor>
    
84. </ext:Column>
    
85. <ext:Column ColumnID="zzs" DataIndex="zzs" Header="制造商" Align="Center" Sortable="false">
    
86. <Editor>
    
87. <ext:TextField ID="TextField6" runat="server" />
    
88. </Editor>
    
89. </ext:Column>
    
90. <ext:Column ColumnID="isny" DataIndex="isny" Header="是否为耐用品" Align="Center" Sortable="false">
    
91. <Editor>
    
92. <ext:ComboBox ID="TextField7" runat="server">
    
93. <Items>
    
94. <ext:ListItem Text="是" Value="是" />
    
95. <ext:ListItem Text="否" Value="否" />
    
96. </Items>
    
97. </ext:ComboBox>
    
98. </Editor>
    
99. </ext:Column>
    
100. <ext:Column ColumnID="jldw" DataIndex="jldw" Header="计量单位" Align="Center" Sortable="false">
     
101. <Editor>
     
102. <ext:ComboBox ID="ComboBox4" runat="server">
     
103. <Items>
     
104. <ext:ListItem Text="方" Value="方" />
     
105. <ext:ListItem Text="公斤" Value="公斤" />
     
106. <ext:ListItem Text="发" Value="发" />
     
107. <ext:ListItem Text="根" Value="根" />
     
108. <ext:ListItem Text="台" Value="台" />
     
109. <ext:ListItem Text="灯" Value="灯" />
     
110. <ext:ListItem Text="吨" Value="顿" />
     
111. <ext:ListItem Text="米" Value="米" />
     
112. <ext:ListItem Text="鞋" Value="鞋" />
     
113. <ext:ListItem Text="套" Value="套" />
     
114. <ext:ListItem Text="块" Value="块" />
     
115. <ext:ListItem Text="辆" Value="辆" />
     
116. <ext:ListItem Text="个" Value="个" />
     
117. <ext:ListItem Text="把" Value="把" />
     
118. </Items>
     
119. </ext:ComboBox>
     
120. </Editor>
     
121. </ext:Column>
     
122. <ext:Column ColumnID="cph" DataIndex="cph" Header="车牌号" Align="Center" Sortable="false">
     
123. <Editor>
     
124. <ext:TextField ID="TextField12" runat="server" />
     
125. </Editor>
     
126. </ext:Column>
     
127. <ext:Column ColumnID="djgl" DataIndex="djgl" Header="电机功率" Sortable="false">
     
128. <Editor>
     
129. <ext:TextField ID="TextField13" runat="server" />
     
130. </Editor>
     
131. </ext:Column>
     
132. <ext:Column ColumnID="zjs" DataIndex="jzs" Header="间(座)数" Align="Center" Sortable="false">
     
133. <Editor>
     
134. <ext:NumberField ID="TextField14" runat="server" />
     
135. </Editor>
     
136. </ext:Column>
     
137. <ext:Column ColumnID="nx" DataIndex="nx" Header="使用年限" Align="Center" Sortable="false">
     
138. <Editor>
     
139. <ext:SpinnerField ID="SpinnerField2" runat="server" MinValue="1" MaxValue="100" AllowDecimals="true"
     
140. DecimalPrecision="1" Accelerate="true" />
     
141. </Editor>
     
142. </ext:Column>
     
143. <ext:Column ColumnID="scrq" DataIndex="scrq" Header="生产日期" Align="Center" Sortable="false">
     
144. <Editor>
     
145. <ext:DateField ID="TextField9" runat="server" />
     
146. </Editor>
     
147. <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
     
148. </ext:Column>
     
149. <ext:Column ColumnID="dqr" DataIndex="dqr" Header="到期日" Align="Center" Sortable="false">
     
150. <Editor>
     
151. <ext:DateField ID="TextField10" runat="server" />
     
152. </Editor>
     
153. <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
     
154. </ext:Column>
     
155. <ext:Column ColumnID="bz" DataIndex="bz" Header="备注" Align="Center" Sortable="false">
     
156. <Editor>
     
157. <ext:TextField ID="TextField11" runat="server" />
     
158. </Editor>
     
159. </ext:Column>
     
160. </Columns>
     
161. </ColumnModel>
     
162. <BottomBar>
     
163. <ext:PagingToolbar runat="server" ID="PagingToolbar1" PageSize="20" StoreID="StoreDeptDetailList">
     
164. </ext:PagingToolbar>
     
165. </BottomBar>
     
166. <SelectionModel>
     
167. <ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
     
168. </ext:RowSelectionModel>
     
169. </SelectionModel>
     
170. <LoadMask ShowMask="true" />
     
171. </ext:GridPanel>
     
172. </Items>
     
173. </ext:Panel>
     
174. </Items>
     
175. </ext:Viewport>

复制代码

后台代码

1. DataTable dt = new DataTable();
   
2. protected void Page_Load(object sender, EventArgs e)
   
3. {
   
4. if (!IsPostBack && !X.IsAjaxRequest)
   
5. {
   
6. BuildTree(this.treePanel.Root);
   
7. 
   
8. Hidden();
   
9. }
   
10. }
    
11. 
    
12. #region 创建树
    
13. //添加节点
    
14. private Ext.Net.TreeNodeCollection BuildTree(Ext.Net.TreeNodeCollection nodes)
    
15. {
    
16. try
    
17. {
    
18. if (nodes == null)
    
19. {
    
20. nodes = new Ext.Net.TreeNodeCollection();
    
21. }
    
22. dt = wzflBLL.Instance.getALlwzml();
    
23. 
    
24. DataRow[] drx = dt.Select(" FatherCode=''");
    
25. 
    
26. Ext.Net.TreeNode root = new Ext.Net.TreeNode();
    
27. root.NodeID = drx[0]["wzdm"].ToString();
    
28. root.Text = drx[0]["wzmc"].ToString();
    
29. root.Qtip = drx[0]["wzmc"].ToString();
    
30. root.Expanded = true;
    
31. root.Draggable = false;
    
32. root.HrefTarget = drx[0]["wzdm"].ToString();
    
33. nodes.Add(root);
    
34. //添加相应子节点
    
35. this.AddNodes(root);
    
36. //ResourceManager1.AddScript("RefreshTree();");
    
37. return nodes;
    
38. }
    
39. catch (Exception ex)
    
40. {
    
41. throw ex;
    
42. }
    
43. }
    
44. 
    
45. //添加子节点
    
46. private void AddNodes(Ext.Net.TreeNode parent)
    
47. {
    
48. DataRow[] drx = dt.Select();
    
49. drx = dt.Select("FatherCode='" + parent.NodeID + "'");
    
50. if (drx.Length == 0)
    
51. {
    
52. return;
    
53. }
    
54. foreach (DataRow dr in drx)
    
55. {
    
56. Ext.Net.TreeNode node = new Ext.Net.TreeNode();
    
57. node.NodeID = dr["wzdm"].ToString();
    
58. node.Text = dr["wzmc"].ToString();
    
59. node.Qtip = dr["wzmc"].ToString();
    
60. node.HrefTarget = dr["wzdm"].ToString();
    
61. parent.Nodes.Add(node);
    
62. AddNodes(node);
    
63. }
    
64. }
    
65. #endregion
    
66. 
    
67. //NODE点击事件
    
68. [DirectMethod]
    
69. public void NodeClick(string nodeID)
    
70. {
    
71. 
    
72. hdPid.Text = nodeID;
    
73. String wzdm = "";
    
74. //根据选中的树节点 来动态隐藏列
    
75. if (hdPid.Text != "")
    
76. {
    
77. wzdm = wzmxBLL.getMaxFahterCode(hdPid.Text);
    
78. }
    
79. if (wzdm == "3")
    
80. {
    
81. gpFuncsList.ColumnModel.SetHidden(8, false);
    
82. gpFuncsList.ColumnModel.SetHidden(9, false);
    
83. gpFuncsList.ColumnModel.SetHidden(10, false);
    
84. gpFuncsList.ColumnModel.SetHidden(6, true);
    
85. }
    
86. else if (wzdm == "2")
    
87. {
    
88. gpFuncsList.ColumnModel.SetHidden(6, false);
    
89. gpFuncsList.ColumnModel.SetHidden(8, true);
    
90. gpFuncsList.ColumnModel.SetHidden(9, true);
    
91. gpFuncsList.ColumnModel.SetHidden(10, true);
    
92. }
    
93. else
    
94. {
    
95. gpFuncsList.ColumnModel.SetHidden(6, true);
    
96. gpFuncsList.ColumnModel.SetHidden(8, true);
    
97. gpFuncsList.ColumnModel.SetHidden(9, true);
    
98. gpFuncsList.ColumnModel.SetHidden(10, true);
    
99. 
    
100. }
     
101. List<wzmxEntity> list = wzmxBLL.Instance.GetEntities(" where 1=1 and fldm='" + nodeID + "'");
     
102. 
     
103. StoreDeptDetailList.DataSource = list;
     
104. StoreDeptDetailList.DataBind();
     
105. }
     
106. 
     
107. protected void Hidden()
     
108. {
     
109. gpFuncsList.ColumnModel.SetHidden(6, true);
     
110. gpFuncsList.ColumnModel.SetHidden(8, true);
     
111. gpFuncsList.ColumnModel.SetHidden(9, true);
     
112. gpFuncsList.ColumnModel.SetHidden(10, true);
     
113. }
     
114. 
     
115. protected void StoreChanged(object sender, BeforeStoreChangedEventArgs e)
     
116. {
     
117. ChangeRecords<wzmxEntity> persons = e.DataHandler.ObjectData<wzmxEntity>();
     
118. foreach (wzmxEntity created in persons.Created)
     
119. {
     
120. wzmxEntity entity = created;
     
121. entity.dwdm = Request.Cookies["danwei"].Value.Trim();
     
122. entity.bmdm = Request.Cookies["bumen"].Value.Trim();
     
123. entity.fldm = hdPid.Text;
     
124. entity.wzdm = wzrkmlDal.GetNumber("008", "");
     
125. wzmxBLL.Instance.Insert(ref entity);
     
126. }
     
127. foreach (wzmxEntity updated in persons.Updated)
     
128. {
     
129. wzmxBLL.Instance.Update(updated);
     
130. }
     
131. e.Cancel = true;
     
132. 
     
133. }
     
134. }

http://www.ext.net.cn/forum.php?mod=viewthread&tid=1498&extra=page%3D4