表格中的分组以及合计

奋斗~

   欢迎批评与指导。。。。。如有问题，可以找我一起讨论，互相学习。。。如果项目需要合作的话，也可以联系我。(QQ:552847957)
  新增FinUI4分组功能:
      http://www.fineui.com/bbs/forum.php?mod=viewthread&tid=5489&page=1&extra=#pid24426

  用法：
          1、首先将附件中的代码（分.cs和js\css），加入到FineUI(.cs文件)工程和自己的工程(js\css)中.
          2、重新编译FineUI工程，重新生产dll文件。
          3、启用分组属性（AllowGroup="true"）以及分组字段（  GroupField="dataField")
          4、在自己的页面中引用GroupSummary.js 和 GroupSummary.css文件

   补充说明：
       1、请将代码【RenderField.cs】文件中【 if (!"auto".Equals(SummaryType.Auto)) 】=====>更改为 【 if (SummaryType != SummaryType.Auto)】否则会报脚本错误.
      2、如果只是单纯的进行分组，则【GroupSummary.js 和 GroupSummary.css】则不用管。

  具体代码参考如下：

1. <p> <x:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" Title="表格" Width="700px" Height="245px"  AllowGroup="true" EnableHeaderMenu="true"
   
2.                             runat="server" DataKeyNames="AutoId" AllowCellEditing="true" ClicksToEdit="1" AutoScroll="true"  GroupField="CostType">
   
3.                             <Toolbars>
   
4.                                 <x:Toolbar ID="Toolbar3" runat="server">
   
5.                                     <Items>
   
6.                                         <x:Button ID="btnNew" Text="新增数据" Icon="Add" EnablePostBack="false" runat="server">
   
7.                                         </x:Button>
   
8.                                         <x:ToolbarFill ID="ToolbarFill1" runat="server">
   
9.                                         </x:ToolbarFill>
   
10.                                     </Items>
    
11.                                 </x:Toolbar>
    
12.                             </Toolbars>
    
13.                             <Columns>
    
14.                                 <x:RenderField Width="80px" ColumnID="Remark"  DataField="Remark"   SummaryType="Count" SummaryRendererFunction="summaryRenderer" HeaderText="测试">
    
15.                                    <Editor></Editor>
    
16.                                 </x:RenderField>
    
17.                                 <x:BoundField ColumnID="CostType"  DataField="CostType"  HeaderText="费用类型"/>
    
18.                                 <x:RenderField Width="200px" ColumnID="CostAmount"  SummaryType="Sum" SummaryRendererFunction="sumRenderer" TextAlign="Center" DataField="CostAmount" FieldType="Float"
    
19.                                     HeaderText="费用金额">
    
20.                                     <Editor>
    
21.                                         <x:NumberBox ID="txtCostAmount" Required="true" Text="0" DecimalPrecision="2" runat="server">
    
22.                                         </x:NumberBox>
    
23.                                     </Editor>
    
24.                                 </x:RenderField>
    
25.                                   <x:RenderField Width="200px" ColumnID="Cost" DataField="Cost"  SummaryType="TotalCost" RendererFunction="sumTotal"  TextAlign="Center" FieldType="Float" HeaderText="合计">
    
26.                                     <Editor>
    
27.                                          <x:TextBox ID="TextBox1"  runat="server" ></x:TextBox>
    
28.                                     </Editor>
    
29.                                 </x:RenderField>
    
30.                                 <x:LinkButtonField ColumnID="Delete" HeaderText="操作" Width="60px" EnablePostBack="false"
    
31.                                     Icon="Delete" />
    
32.                             </Columns>
    
33.                         </x:Grid></p><p> // ****************************JS开始部分******************************************</p><p> <script type="text/javascript"></p><p>       // 自定义函数
    
34.         Ext.ux.grid.GroupSummary.Calculations['TotalCost'] = function (v, record, field) {
    
35.             return v + (record.data.CostAmount * 2);
    
36.         };</p><p>        function summaryRenderer(v, params, data) {
    
37.             return ((v === 0 || v > 1) ? '(' + v + ' 项目)' : '(1 项目)');
    
38.         }</p><p>        function sumRenderer(v) {
    
39.             return Ext.util.Format.usMoney(v);
    
40.         }</p><p>        function sumTotal(v, params, record){
    
41.             return Ext.util.Format.usMoney(record.data.CostAmount * 10);
    
42.         } </p><p></script></p>

复制代码

冬天

沙发。。。。此贴必火

咫尺之间

我去，冬天你小子够快！

Tiger

建议三石考虑集成在里面噢{:soso_e102:}

黑冰.cn

奋斗纯爷们，NB。。

PS：禽兽们啊，我的沙发。

奋斗~

黑冰.cn 发表于 2013-11-15 14:09
奋斗纯爷们，NB。。

PS：禽兽们啊，我的沙发。

来晚了。。。。

像猪一样的生活

支持你 我是浮夸

随州热线

牛逼啊，小粪牛逼啊，小粪牛逼啊，小粪牛逼啊，小粪

奋斗~

随州热线 发表于 2013-11-15 15:15
牛逼啊，小粪牛逼啊，小粪牛逼啊，小粪牛逼啊，小粪

随基，过奖 过奖啊

游泳的鱼

支持一个，顶奋斗