设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › 技术交流 › 行编辑时，通过onDrawCell ，如何快速求出第2列至第20列 ...
返回列表 发新帖
查看: 5208|回复: 7
打印 上一主题 下一主题

行编辑时，通过onDrawCell ，如何快速求出第2列至第20列的和？ [复制链接]

fanfan

Rank: 2
跳转到指定楼层
楼主
发表于 2017-2-20 16:39:39 |只看该作者 |倒序浏览
行编辑时，通过onDrawCell ，如何快速求出第2列至第20列的和？

举报

fanfan

Rank: 2
沙发
发表于 2017-2-20 16:41:41 |只看该作者
  1. <div id="dataGrid" class="mini-datagrid"
  2.                         style="width: 100%; height: 100%;" allowresize="true"
  3.                         onrowdblclick="edit()"
  4.                         url="<%=basePath%>/ptcms/lkpd/ptcd/loadLKData/RD" idfield="UNIT_ID"
  5.                         allowAlternating="true" allowResize="true" pageSize="20"
  6.                         allowCellEdit="true" ondrawcell="onDrawCell" allowCellSelect="true"
  7.                         multiSelect="true" editNextOnEnterKey="true" editNextRowCell="true">
  8.                         <div property="columns">
  9.                                 <div field="ROAD_CODE" width="70" headeralign="center"
  10.                                         allowsort="true">路线编码</div>
  11.                                 <div field="ROAD_NAME" headeralign="center" allowsort="true">
  12.                                         路线名称</div>
  13.                                 <div field="START_STAKE" width="60" headeralign="center"
  14.                                         allowsort="true">起点桩号</div>
  15.                                 <div field="LENGTH" width="60" headeralign="center" allowsort="true">
  16.                                         路段长度</div>
  17.                                 <div field="RD_AVG" width="70" headerAlign="center" allowSort="true">代表车辙</div>
  18.                                 <div field="RD_LEFT01" width="50" headerAlign="center"
  19.                                         allowSort="true">
  20.                                         01左<input property="editor" class="mini-textbox"
  21.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  22.                                 </div>
  23.                                 <div field="RD_RIGHT01" width="50" headerAlign="center"
  24.                                         allowSort="true">
  25.                                         01右<input property="editor" class="mini-textbox"
  26.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  27.                                 </div>
  28.                                 <div field="RD_LEFT02" width="50" headerAlign="center"
  29.                                         allowSort="true">
  30.                                         02左<input property="editor" class="mini-textbox"
  31.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  32.                                 </div>
  33.                                 <div field="RD_RIGHT02" width="50" headerAlign="center"
  34.                                         allowSort="true">
  35.                                         02右<input property="editor" class="mini-textbox"
  36.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  37.                                 </div>
  38.                                 <div field="RD_LEFT03" width="50" headerAlign="center"
  39.                                         allowSort="true">
  40.                                         03左<input property="editor" class="mini-textbox"
  41.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  42.                                 </div>
  43.                                 <div field="RD_RIGHT03" width="50" headerAlign="center"
  44.                                         allowSort="true">
  45.                                         03右<input property="editor" class="mini-textbox"
  46.                                                 style="width:100%;" minwidth="50" onvaluechanged="onvaluechanged" />
  47.                                 </div>
  48.                                 <div field="RD_LEFT04" width="50" headerAlign="center"
  49.                                         allowSort="true">
  50.                                         04左<input property="editor" class="mini-textbox"
  51.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  52.                                 </div>
  53.                                 <div field="RD_RIGHT04" width="50" headerAlign="center"
  54.                                         allowSort="true">
  55.                                         04右<input property="editor" class="mini-textbox"
  56.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  57.                                 </div>
  58.                                 <div field="RD_LEFT05" width="50" headerAlign="center"
  59.                                         allowSort="true">
  60.                                         05左<input property="editor" class="mini-textbox"
  61.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  62.                                 </div>
  63.                                 <div field="RD_RIGHT05" width="50" headerAlign="center"
  64.                                         allowSort="true">
  65.                                         05右<input property="editor" class="mini-textbox"
  66.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  67.                                 </div>
  68.                                 <div field="RD_LEFT06" width="50" headerAlign="center"
  69.                                         allowSort="true">
  70.                                         06左<input property="editor" class="mini-textbox"
  71.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  72.                                 </div>
  73.                                 <div field="RD_RIGHT06" width="50" headerAlign="center"
  74.                                         allowSort="true">
  75.                                         06右<input property="editor" class="mini-textbox"
  76.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  77.                                 </div>
  78.                                 <div field="RD_LEFT07" width="50" headerAlign="center"
  79.                                         allowSort="true">
  80.                                         07左<input property="editor" class="mini-textbox"
  81.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  82.                                 </div>
  83.                                 <div field="RD_RIGHT07" width="50" headerAlign="center"
  84.                                         allowSort="true">
  85.                                         07右<input property="editor" class="mini-textbox"
  86.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  87.                                 </div>
  88.                                 <div field="RD_LEFT08" width="50" headerAlign="center"
  89.                                         allowSort="true">
  90.                                         08左<input property="editor" class="mini-textbox"
  91.                                                 style="width:100%;" minwidth="50" onvaluechanged="onvaluechanged" />
  92.                                 </div>
  93.                                 <div field="RD_RIGHT08" width="50" headerAlign="center"
  94.                                         allowSort="true">
  95.                                         08右<input property="editor" class="mini-textbox"
  96.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  97.                                 </div>
  98.                                 <div field="RD_LEFT09" width="50" headerAlign="center"
  99.                                         allowSort="true">
  100.                                         09左<input property="editor" class="mini-textbox"
  101.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  102.                                 </div>
  103.                                 <div field="RD_RIGHT09" width="50" headerAlign="center"
  104.                                         allowSort="true">
  105.                                         09右<input property="editor" class="mini-textbox"
  106.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  107.                                 </div>
  108.                                 <div field="RD_LEFT10" width="50" headerAlign="center"
  109.                                         allowSort="true">
  110.                                         10左<input property="editor" class="mini-textbox"
  111.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  112.                                 </div>
  113.                                 <div field="RD_RIGHT10" width="50" headerAlign="center"
  114.                                         allowSort="true">
  115.                                         10右<input property="editor" class="mini-textbox"
  116.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  117.                                 </div>
  118.                                 <div field="RD_LEFT11" width="50" headerAlign="center"
  119.                                         allowSort="true">
  120.                                         11左<input property="editor" class="mini-textbox"
  121.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  122.                                 </div>
  123.                                 <div field="RD_RIGHT11" width="50" headerAlign="center"
  124.                                         allowSort="true">
  125.                                         11右<input property="editor" class="mini-textbox"
  126.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  127.                                 </div>
  128.                                 <div field="RD_LEFT12" width="50" headerAlign="center"
  129.                                         allowSort="true">
  130.                                         12左<input property="editor" class="mini-textbox"
  131.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  132.                                 </div>
  133.                                 <div field="RD_RIGHT12" width="50" headerAlign="center"
  134.                                         allowSort="true">
  135.                                         12右<input property="editor" class="mini-textbox"
  136.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  137.                                 </div>
  138.                                 <div field="RD_LEFT13" width="50" headerAlign="center"
  139.                                         allowSort="true">
  140.                                         13左<input property="editor" class="mini-textbox"
  141.                                                 style="width:100%;" minwidth="50"  onvaluechanged="onvaluechanged"/>
  142.                                 </div>
  143.                                 </div>
  144.                                 </div>
  145.                         </div>
  146.                 </div>
复制代码

举报

fanfan

Rank: 2
板凳
发表于 2017-2-20 16:42:36 |只看该作者
类似这种有很多列，当改变行中的数据时，计算某一项数据

举报

felt

Rank: 8Rank: 8
地板
发表于 2017-2-20 20:04:15 |只看该作者
fanfan 发表于 2017-2-20 16:42
类似这种有很多列，当改变行中的数据时，计算某一项数据

http://www.miniui.com/demo/#src=datagrid/drawcell2.html
参考示例

举报

fanfan

Rank: 2
5#
发表于 2017-2-21 09:14:18 |只看该作者
felt 发表于 2017-2-20 20:04
http://www.miniui.com/demo/#src=datagrid/drawcell2.html
参考示例

这个方法只能一个个的找，太麻烦了，我这边列比较多，需要计算的内容也比较多，有没有办法，直接计算第几列到第几列的方法

举报

dforce

Rank: 8Rank: 8
6#
发表于 2017-2-21 09:29:07 |只看该作者
fanfan 发表于 2017-2-21 09:14
这个方法只能一个个的找，太麻烦了，我这边列比较多，需要计算的内容也比较多，有没有办法，直接计算第几 ...

我们的只是js控件，不是excel，没有这样的方法

举报

fanfan

Rank: 2
7#
发表于 2017-2-22 13:39:20 |只看该作者
dforce 发表于 2017-2-21 09:29
我们的只是js控件，不是excel，没有这样的方法

如果列表可以做成excel，就方便多了，多谢

举报

felt

Rank: 8Rank: 8
8#
发表于 2017-2-22 17:41:25 |只看该作者
本帖最后由 felt 于 2017-3-21 09:24 编辑
fanfan 发表于 2017-2-22 13:39
如果列表可以做成excel，就方便多了，多谢

那可以这样
var columns=grid.getBottomColumns();
var sum=0;
for(var i=3;i<9;i++){   //比如是从第四列计算到第八列
   sum+=row[columns.field];
}

举报

返回列表 发新帖

Archiver|普加软件

GMT+8, 2025-5-10 16:42 , Processed in 1.052443 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部