首页 > 学院 > 开发设计 > 正文

Ext.Net多表头跨行跨列

2019-11-17 01:43:47
字体:
来源:转载
供稿:网友

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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表