drx

drx

关注
发信
关注(28)粉丝(399)

[Ext.Net]TreePanel+gridPanel实例



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

[Ext.Net]TreePanel+gridPanel实例-LMLPHP

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

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

05-01 00:11
Powered by LMLPHP ©2024 drx 0.095113