[Ext.Net]TreePanel+gridPanel实例

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

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

下载附件保存到相册

2013-1-6 11:24 上传

前台代码

<ext:ResourceManager ID="ResourceManager1" DirectMethodNamespace="RM" runat="server" />
<ext:Store ID="StoreDeptDetailList" OnBeforeStoreChanged="StoreChanged" runat="server">
<Reader>
<ext:JsonReader IDProperty="ID">
<Fields>
<ext:RecordField Name="ID" />
<ext:RecordField Name="wzdm" />
... ....
<ext:RecordField Name="bz" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Viewport ID="Viewport1" runat="server" Layout="border">
<Items>
<ext:Panel ID="Panel1" runat="server" Region="West" Split="true" Width="225" Border="false"
AutoScroll="true">
<Content>
<ext:TreePanel ID="treePanel" runat="server" Border="false">
<Root>
</Root>
<Listeners>
<Click Handler="e.stopEvent();RM.NodeClick(node.id);" />
</Listeners>
</ext:TreePanel>
</Content>
</ext:Panel>
<ext:Panel ID="PanelCenter" runat="server" Region="Center" Layout="Fit" Cls="ViewPortRight"
ButtonAlign="Right" Width="270" Header="false" Title="物资明细" Icon="TableGear"
Border="false">
<Items>
<ext:GridPanel ID="gpFuncsList" runat="server" StripeRows="true" ClicksToEdit="0"
Header="false" Height="600" StoreID="StoreDeptDetailList" Border="true" TrackMouseOver="true">
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server" AutoWidth="true">
<Items>
<ext:Label runat="server" ID="lblTitle">
</ext:Label>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
<ext:Button ID="btnAdd" runat="server" Text="新增" Icon="Add">
<Listeners>
<Click Handler="#{gpFuncsList}.insertRecord();" />
</Listeners>
</ext:Button>
<ext:Button ID="btnDelete" runat="server" Text="删除" Icon="Delete">
<Listeners>
<Click Handler="#{gpFuncsList}.deleteSelected();" />
</Listeners>
</ext:Button>
<ext:Button ID="btnSave" runat="server" Text="保存" Icon="Disk">
<Listeners>
<Click Handler="#{gpFuncsList}.save();" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="wzmc" DataIndex="wzmc" Header="物资名称" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField1" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="ggxh" DataIndex="ggxh" Header="规格型号" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField2" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="bcdd" DataIndex="bcdd" Header="保存地点" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField3" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="sccj" DataIndex="sccj" Header="生产厂家" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField4" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="jxs" DataIndex="jxs" Header="经销商" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField5" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="zzs" DataIndex="zzs" Header="制造商" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField6" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="isny" DataIndex="isny" Header="是否为耐用品" Align="Center" Sortable="false">
<Editor>
<ext:ComboBox ID="TextField7" runat="server">
<Items>
<ext:ListItem Text="是" Value="是" />
<ext:ListItem Text="否" Value="否" />
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ColumnID="jldw" DataIndex="jldw" Header="计量单位" Align="Center" Sortable="false">
<Editor>
<ext:ComboBox ID="ComboBox4" runat="server">
<Items>
<ext:ListItem Text="方" Value="方" />
<ext:ListItem Text="公斤" Value="公斤" />
<ext:ListItem Text="发" Value="发" />
<ext:ListItem Text="根" Value="根" />
<ext:ListItem Text="台" Value="台" />
<ext:ListItem Text="灯" Value="灯" />
<ext:ListItem Text="吨" Value="顿" />
<ext:ListItem Text="米" Value="米" />
<ext:ListItem Text="鞋" Value="鞋" />
<ext:ListItem Text="套" Value="套" />
<ext:ListItem Text="块" Value="块" />
<ext:ListItem Text="辆" Value="辆" />
<ext:ListItem Text="个" Value="个" />
<ext:ListItem Text="把" Value="把" />
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ColumnID="cph" DataIndex="cph" Header="车牌号" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField12" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="djgl" DataIndex="djgl" Header="电机功率" Sortable="false">
<Editor>
<ext:TextField ID="TextField13" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="zjs" DataIndex="jzs" Header="间(座)数" Align="Center" Sortable="false">
<Editor>
<ext:NumberField ID="TextField14" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="nx" DataIndex="nx" Header="使用年限" Align="Center" Sortable="false">
<Editor>
<ext:SpinnerField ID="SpinnerField2" runat="server" MinValue="1" MaxValue="100" AllowDecimals="true"
DecimalPrecision="1" Accelerate="true" />
</Editor>
</ext:Column>
<ext:Column ColumnID="scrq" DataIndex="scrq" Header="生产日期" Align="Center" Sortable="false">
<Editor>
<ext:DateField ID="TextField9" runat="server" />
</Editor>
<Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
</ext:Column>
<ext:Column ColumnID="dqr" DataIndex="dqr" Header="到期日" Align="Center" Sortable="false">
<Editor>
<ext:DateField ID="TextField10" runat="server" />
</Editor>
<Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
</ext:Column>
<ext:Column ColumnID="bz" DataIndex="bz" Header="备注" Align="Center" Sortable="false">
<Editor>
<ext:TextField ID="TextField11" runat="server" />
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar runat="server" ID="PagingToolbar1" PageSize="20" StoreID="StoreDeptDetailList">
</ext:PagingToolbar>
</BottomBar>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
</ext:RowSelectionModel>
</SelectionModel>
<LoadMask ShowMask="true" />
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>

复制代码

后台代码

DataTable dt = new DataTable();
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack && !X.IsAjaxRequest)
{
BuildTree(this.treePanel.Root);
Hidden();
}
}
#region 创建树
//添加节点
private Ext.Net.TreeNodeCollection BuildTree(Ext.Net.TreeNodeCollection nodes)
{
try
{
if (nodes == null)
{
nodes = new Ext.Net.TreeNodeCollection();
}
dt = wzflBLL.Instance.getALlwzml();
DataRow[] drx = dt.Select(" FatherCode=''");
Ext.Net.TreeNode root = new Ext.Net.TreeNode();
root.NodeID = drx[0]["wzdm"].ToString();
root.Text = drx[0]["wzmc"].ToString();
root.Qtip = drx[0]["wzmc"].ToString();
root.Expanded = true;
root.Draggable = false;
root.HrefTarget = drx[0]["wzdm"].ToString();
nodes.Add(root);
//添加相应子节点
this.AddNodes(root);
//ResourceManager1.AddScript("RefreshTree();");
return nodes;
}
catch (Exception ex)
{
throw ex;
}
}
//添加子节点
private void AddNodes(Ext.Net.TreeNode parent)
{
DataRow[] drx = dt.Select();
drx = dt.Select("FatherCode='" + parent.NodeID + "'");
if (drx.Length == 0)
{
return;
}
foreach (DataRow dr in drx)
{
Ext.Net.TreeNode node = new Ext.Net.TreeNode();
node.NodeID = dr["wzdm"].ToString();
node.Text = dr["wzmc"].ToString();
node.Qtip = dr["wzmc"].ToString();
node.HrefTarget = dr["wzdm"].ToString();
parent.Nodes.Add(node);
AddNodes(node);
}
}
#endregion
//NODE点击事件
[DirectMethod]
public void NodeClick(string nodeID)
{
hdPid.Text = nodeID;
String wzdm = "";
//根据选中的树节点来动态隐藏列
if (hdPid.Text != "")
{
wzdm = wzmxBLL.getMaxFahterCode(hdPid.Text);
}
if (wzdm == "3")
{
gpFuncsList.ColumnModel.SetHidden(8, false);
gpFuncsList.ColumnModel.SetHidden(9, false);
gpFuncsList.ColumnModel.SetHidden(10, false);
gpFuncsList.ColumnModel.SetHidden(6, true);
}
else if (wzdm == "2")
{
gpFuncsList.ColumnModel.SetHidden(6, false);
gpFuncsList.ColumnModel.SetHidden(8, true);
gpFuncsList.ColumnModel.SetHidden(9, true);
gpFuncsList.ColumnModel.SetHidden(10, true);
}
else
{
gpFuncsList.ColumnModel.SetHidden(6, true);
gpFuncsList.ColumnModel.SetHidden(8, true);
gpFuncsList.ColumnModel.SetHidden(9, true);
gpFuncsList.ColumnModel.SetHidden(10, true);
}
List<wzmxEntity> list = wzmxBLL.Instance.GetEntities(" where 1=1 and fldm='" + nodeID + "'");
StoreDeptDetailList.DataSource = list;
StoreDeptDetailList.DataBind();
}
protected void Hidden()
{
gpFuncsList.ColumnModel.SetHidden(6, true);
gpFuncsList.ColumnModel.SetHidden(8, true);
gpFuncsList.ColumnModel.SetHidden(9, true);
gpFuncsList.ColumnModel.SetHidden(10, true);
}
protected void StoreChanged(object sender, BeforeStoreChangedEventArgs e)
{
ChangeRecords<wzmxEntity> persons = e.DataHandler.ObjectData<wzmxEntity>();
foreach (wzmxEntity created in persons.Created)
{
wzmxEntity entity = created;
entity.dwdm = Request.Cookies["danwei"].Value.Trim();
entity.bmdm = Request.Cookies["bumen"].Value.Trim();
entity.fldm = hdPid.Text;
entity.wzdm = wzrkmlDal.GetNumber("008", "");
wzmxBLL.Instance.Insert(ref entity);
}
foreach (wzmxEntity updated in persons.Updated)
{
wzmxBLL.Instance.Update(updated);
}
e.Cancel = true;
}
}