jQuery MiniUI

 找回密码
 立即注册
查看: 5321|回复: 7
打印 上一主题 下一主题

请问DataGrid单元格自动计算怎么调整样式呢? [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2017-9-27 15:08:44 |只看该作者 |倒序浏览
单元格自动计算官网Demo
http://www.miniui.com/demo/#src=datagrid/drawcell2.html
现在显示是靠右,能居中或者居左显示吗?

Rank: 8Rank: 8

沙发
发表于 2017-9-27 15:33:00 |只看该作者
列上可以设置align="left"或者center

Rank: 2

板凳
发表于 2017-9-27 15:51:31 |只看该作者
felt 发表于 2017-9-27 15:33
列上可以设置align="left"或者center

额,这个列不是我写的,是通过grid上面写:
ondrawsummarycell="onDrawSummaryCell" showSummaryRow="true"
出现的列

Rank: 8Rank: 8

地板
发表于 2017-9-27 15:54:29 |只看该作者
自强不息的sun 发表于 2017-9-27 15:51
额,这个列不是我写的,是通过grid上面写:
ondrawsummarycell="onDrawSummaryCell" showSummaryRow="tr ...

你说的是合计行吧,可以在ondrawsummarycell事件里处理
grid.on("drawsummarycell",function(e){
     if(e.field==..){
           e.cellStyle="text-align:left"
     }
})

Rank: 2

5#
发表于 2017-9-27 16:02:47 |只看该作者
felt 发表于 2017-9-27 15:54
你说的是合计行吧,可以在ondrawsummarycell事件里处理
grid.on("drawsummarycell",function(e){
     if ...
  1. function onDrawSummaryCell(e) {//累加求和
  2.             var result = e.result;
  3.             var rows = e.data;
  4.             if (e.field == "Qty") {
  5.                 e.cellStyle = "text-align:left";
  6.                 var total = 0;
  7.                 var obj = {};
  8.                 var obj1 = null;//丢件
  9.                 var obj2 = null;//退件
  10.                 for (var i = 0, l = rows.length; i < l; i++) {
  11.                     var row = rows[i];
  12.                     if (!obj[row.CodeId]) {
  13.                         obj[row.CodeId] = {};
  14.                         obj[row.CodeId].sum = 0;
  15.                         obj[row.CodeId].pn = row.ProName;
  16.                     }
  17.                     var t = parseFloat(row.Qty);
  18.                     if (isNaN(t)) continue;
  19.                     obj[row.CodeId].sum += t;
  20.                     total += t;
  21.                     if (row['Type'] == "1") {
  22.                         obj1 = obj1 || {};
  23.                         if (!obj1[row.CodeId]) {
  24.                             obj1[row.CodeId] = {};
  25.                             obj1[row.CodeId].sum = 0;
  26.                             obj1[row.CodeId].pn = row.ProName;
  27.                         }
  28.                         obj1[row.CodeId].sum += t;
  29.                     }
  30.                     else if (row['Type'] == "2") {
  31.                         obj2 = obj2 || {};
  32.                         if (!obj2[row.CodeId]) {
  33.                             obj2[row.CodeId] = {};
  34.                             obj2[row.CodeId].sum = 0;
  35.                             obj2[row.CodeId].pn = row.ProName;
  36.                         }
  37.                         obj2[row.CodeId].sum += t;
  38.                     }
  39.                 }
  40.                 e.sender.sumObj = obj;
  41.                 e.sender.sumObjLose = obj1;
  42.                 e.sender.sumObjReturn = obj2;
  43.                 e.cellHtml = '';
  44.                 window.last = e.sender;
  45.                 if (obj1 !== null) {
  46.                     e.cellHtml += '&nbsp;&nbsp;丢件:';
  47.                     for (var pr in obj1) {
  48.                         e.cellHtml += '&nbsp;&nbsp;' + obj1[pr].pn + ":" + obj1[pr].sum;
  49.                     }
  50.                 }
  51.                 if (obj2 !== null) {
  52.                     e.cellHtml += '&nbsp;&nbsp;掉件:';
  53.                     for (var pr in obj2) {
  54.                         e.cellHtml += '&nbsp;&nbsp;' + obj2[pr].pn + ":" + obj2[pr].sum;
  55.                     }
  56.                 }
  57.                 if (obj2 != null || obj1 != null)
  58.                     e.cellHtml += '&nbsp;&nbsp;总计:';
  59.                     for (var pr in obj) {
  60.                         e.cellHtml += '&nbsp;&nbsp;' + obj[pr].pn + ":" + obj[pr].sum;
  61.                     }
  62.             }
  63.         }
复制代码
出来的效果还是这个样子的

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

6#
发表于 2017-9-27 16:05:32 |只看该作者
felt 发表于 2017-9-27 15:54
你说的是合计行吧,可以在ondrawsummarycell事件里处理
grid.on("drawsummarycell",function(e){
     if ...

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

7#
发表于 2017-9-27 16:16:24 |只看该作者
felt 发表于 2017-9-27 15:54
你说的是合计行吧,可以在ondrawsummarycell事件里处理
grid.on("drawsummarycell",function(e){
     if ...

我找到办法了,这个根据grid绘制时附加的方法,所以如果判断在哪一个field上,就在哪个位置..

Rank: 8Rank: 8

8#
发表于 2017-9-27 18:11:58 |只看该作者
自强不息的sun 发表于 2017-9-27 16:16
我找到办法了,这个根据grid绘制时附加的方法,所以如果判断在哪一个field上,就在哪个位置.. ...

嗯,可以根据field来判断绘制的列。

Archiver|普加软件

GMT+8, 2025-7-9 15:40 , Processed in 1.044831 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部