标签：mit 总数 ble mamicode ring payment 页面 注释 ali
开始死活那个不显示啊. 换成精简级别,甚至返回的json 把datatable 类型直接换成看得见的object . 最终显示了.发现 有个打开地方有点多余
table.render({ elem: ‘#test‘ ,url:‘/OpsApi/RongZ/GetRongZ_RepaymentTest2‘ ,id: ‘testReload‘//容器的ID ,totalRow: true //开启合计行 这儿有 在列里边也有,是不是有点多余的感觉
因为有些例子都带这个,后来我带上了也没显示,就保留了,最后换成精简的方式 .结果显示了,再去掉那个true 打开的地方又不显示了,看来是这儿的问题或者根本问题在那,至于加上了也不显示或者是浏览器问题吧,总之问题是解决了
这是data 换成object 并加入totalRow方式 只需给
totalRow ,count,data 赋值便可
public class LayInfo { public int code { get; set; } public string msg { get; set; } public object totalRow {get;set;} public int count { get; set; } public object data { get; set; } }
totalRow 赋值方式
object totalRow = new { Amount = 5555 }; ldi.totalRow = totalRow;
官方说明
https://www.layui.com/doc/modules/table.html#totalRow
{ "code": 0, "totalRow": { "score": "666" ,"experience": "999" }, "data": [{}, {}], "msg": "", "count": 1000 }
data 构造测试的数据的方式
List<object> data = new List<object>(); LayInfo ldi = new LayInfo(); for (int i = 0; i < 3; i++) { data.Add(new { id=i+1, Amount = 555, PaymentDate = 2021 }); } ldi.data = data; ldi.count = 3;
return Json(ldi);
这种测试 虚构数据的方式 前端是没问题的
前端 table
layui.use([‘table‘,‘laydate‘], function(){ var table = layui.table; table.render({ elem: ‘#test‘ ,url:‘/OpsApi/RongZ/GetRongZ_RepaymentTest‘ ,id: ‘testReload‘//容器的ID ,totalRow: true //开启合计行 ,cols: [[ {type:‘numbers‘,title:‘序号‘} ,{field:‘id‘,width:80, sort: true, totalRowText: ‘合计‘} ,{field:‘Amount‘, title: ‘金额‘,align: ‘center‘, totalRow: true} ,{field:‘PaymentDate‘, title: ‘付款时间‘,align: ‘center‘} ]] ,page: true ,limits: [10,70,100] ,limit: 10 ,where: { } });
本来以为是 totalRow 在数据中没体现导致,或者是cms翻译前端页面存在问题. 结果后台注释掉 totalRow 的传值 ,显示也没问题
说明前端 能自己统计总数
后来实现后的
总结 :
1:打开合计
,totalRow: true //开启合计行
2:在列内提现 有两种方式 ,一种只是统计,一种是格式化一下. d.TOTAL_NUMS 是写死的
,{field:‘Amount‘, title: ‘金额‘,align: ‘center‘, totalRow: true}
,{field:‘palAmount‘, title: ‘金金额‘,align: ‘center‘,totalRow: ‘{{ d.TOTAL_NUMS }} 万‘}
标签：mit 总数 ble mamicode ring payment 页面 注释 ali
原文地址：https://www.cnblogs.com/zuochanzi/p/14756516.html
