zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    spring-cloud 注册中心配置
    SpringMVC执行流程和原理
    ssm 框架整合 配置
    Spring整合ActiveMQ 之 ActiveMQ配置
    redis配置代码
    world
    web服务器和web应用服务器的区别?
    经典面试题:Mybatis原理
    springmvc原理|执行过程|解决了什么问题?
    Hadoop 学习目录(搁置)
  • 原文地址:https://www.cnblogs.com/alixee/p/3944462.html
Copyright © 2011-2022 走看看