·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> Ext.Net多表头跨行跨列

【如有意向点此提交需求】关于我们

Ext.Net多表头跨行跨列

作者：佚名      ASP.NET网站开发编辑：admin      更新时间：2022-07-23

Ext.Net多表头跨行跨列

展示效果如下：

页面效果代码：

<ext:ResourceManager ID="ResourceManager1" runat="server" /><ext:GridPanel ID="gpList" runat="server" Title="" IconCls="icon-grid" AnimCollapse="false" Collapsible="true">　　<Store>　　　　<ext:Store ID="StoreAll" runat="server" OnRefreshData="MyData_Refresh">　　　　　　<Model>　　　　　　　　<ext:Model ID="Model1" runat="server">　　　　　　　　　　<Fields>　　　　　　　　　　　　　　　　　　　　　　<ext:ModelField Name="PRojectName" Type="String" />　　　　　　　　　　　　<ext:ModelField Name="OneSum" Type="Float"/>　　　　　　　　　　　　<ext:ModelField Name="onePercent" Type="String" />　　　　　　　　　　　　<ext:ModelField Name="hourSum" Type="Float"/>　　　　　　　　　　　　<ext:ModelField Name="remark" Type="Auto" />　　　　　　　　　　</Fields>　　　　　　　　</ext:Model>　　　　　　</Model>　　　　</ext:Store>　　</Store> 　　<ColumnModel ID="ColumnModel1" runat="server">　　　　<Columns>　　　　　　<ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server" Width="25"/>　　　　　　<ext:Column ID="Column1" runat="server" Text="项目" DataIndex="ProjectName" Width="400" />　　　　　　<ext:Column ID="Column3" runat="server" Text="第一周">　　　　　　　　<Columns>　　　　　　　　　　<ext:Column ID="Column4" runat="server" Text="用时" DataIndex="OneSum" Width="50" />　　　　　　　　　　<ext:Column ID="Column5" runat="server" Text="占比" DataIndex="onePercent" Width="100" />　　　　　　　　</Columns>　　　　　　</ext:Column>　　　　　　<ext:Column ID="Column17" runat="server" Text="合计" DataIndex="hourSum"/>　　　　</Columns>　　</ColumnModel>　　<Plugins>　　　　<ext:RowExpander runat="server" ID="RowExpander1">　　　　　　<Template runat="server" ID="Template1">　　　　　　　　<Html>　　　　　　　　　　<div id="items-ct">　　　　　　　　　　　　<tpl for=".">　　　　　　　　　　　　　　{remark}　　　　　　　　　　　　</tpl>　　　　　　　　　　</div>　　　　　　　　</Html>　　　　　　</Template>　　　　</ext:RowExpander>　　</Plugins>　　<SelectionModel>　　　　<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" PruneRemoved="false" Mode="Multi" />　　</SelectionModel></ext:GridPanel>