FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 28875|回复: 25
打印 上一主题 下一主题

表格中的分组以及合计

[复制链接]
跳转到指定楼层
楼主
发表于 2013-11-15 14:02:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 奋斗~ 于 2014-4-23 13:43 编辑

   欢迎批评与指导。。。。。如有问题,可以找我一起讨论,互相学习。。。如果项目需要合作的话,也可以联系我。(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>
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
沙发
发表于 2013-11-15 14:05:00 | 只看该作者
沙发。。。。此贴必火
板凳
发表于 2013-11-15 14:06:28 | 只看该作者
我去,冬天你小子够快!
地板
发表于 2013-11-15 14:06:53 | 只看该作者
建议三石考虑集成在里面噢{:soso_e102:}
5#
发表于 2013-11-15 14:09:52 | 只看该作者
奋斗纯爷们,NB。。

PS:禽兽们啊,我的沙发。
6#
 楼主| 发表于 2013-11-15 14:16:38 | 只看该作者
黑冰.cn 发表于 2013-11-15 14:09
奋斗纯爷们,NB。。

PS:禽兽们啊,我的沙发。

来晚了。。。。
7#
发表于 2013-11-15 14:20:40 | 只看该作者
支持你 我是浮夸
8#
发表于 2013-11-15 15:15:40 | 只看该作者
牛逼啊,小粪牛逼啊,小粪牛逼啊,小粪牛逼啊,小粪
9#
 楼主| 发表于 2013-11-15 15:26:11 | 只看该作者
随州热线 发表于 2013-11-15 15:15
牛逼啊,小粪牛逼啊,小粪牛逼啊,小粪牛逼啊,小粪

随基,过奖 过奖啊
10#
发表于 2013-11-15 15:32:10 | 只看该作者
支持一个,顶奋斗
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-1 07:52 , Processed in 0.048857 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表