Jquery中LigerUi框架的GRID控件，汇总的使用实例！

最新推荐文章于 2022-01-13 16:41:53 发布

敦厚的曹操

最新推荐文章于 2022-01-13 16:41:53 发布

阅读量5.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： 8.【LigerUI-Js】 6.【jquery】

本文链接：https://blog.youkuaiyun.com/dxnn520/article/details/8458298

6.【jquery】同时被 2 个专栏收录

96 篇文章

订阅专栏

8.【LigerUI-Js】

53 篇文章

订阅专栏

本文详细介绍了如何在系统中设置并计算总收款金额及合计，包括输入验证、展示方式和汇总逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{ display: "总收款金额", name: "The_Pay", width: 100, type: "text", align: "left",
validate: { required: true, digits: true },
editor: { type: 'text' } ,
totalSummary:
{
align: 'center', //汇总单元格内容对齐方式:left/center/right
type: 'sum', //汇总类型sum,max,min,avg ,count。可以同时多种类型
render: function (e)
{
//汇总渲染器，返回html加载到单元格
//e 汇总Object(包括sum,max,min,avg,count)
return "合计：" + e.sum;
}
}

} ,

============================================================================== ,
totalSummary:
{
align: 'center', //汇总单元格内容对齐方式:left/center/right
type: 'sum', //汇总类型sum,max,min,avg ,count。可以同时多种类型
render: function (e)
{
//汇总渲染器，返回html加载到单元格
//e 汇总Object(包括sum,max,min,avg,count)
return "合计：" + e.sum;
}
}

============================================================================== 【合计的小数位】

              { display: "实用金额", name: "Settlement_Amount", width: 150, type: "text", align: "left",
                     validate: { required: true, maxlength: 50 },
                     editor: { type: 'text' },
                    totalSummary: 
                     {
                        align: 'center', //汇总单元格内容对齐方式:left/center/right 
                        type: 'sum', //汇总类型sum,max,min,avg ,count。可以同时多种类型 
                        render: function (e) 
                        { 
                            //汇总渲染器，返回html加载到单元格 
                            //e 汇总Object(包括sum,max,min,avg,count) 
                  //          return "合计：" + (e.sum.substring(1, 10));
                            return "合计：" + e.sum.toFixed(2);
                        } 
                     }
               },