jQuery MiniUI

标题: mini-datagrid 中自定义一行 [打印本页]

作者: herox_hu 时间: 2015-6-15 16:39:20 标题: mini-datagrid 中自定义一行

在 mini-datagrid 中自定义一行
并且让这一行有一个超链接，这个链接上的字，由他的前一行里的内容决定

例如：前一行，男自定义行：男士专用

作者: felt 时间: 2015-6-15 16:56:22

没有什么自定义行

作者: herox_hu 时间: 2015-6-15 17:03:25

felt 发表于 2015-6-15 16:56
没有什么自定义行

http://www.miniui.com/demo/datagrid/drawcell.html

就是这个

作者: felt 时间: 2015-6-15 17:14:38

herox_hu 发表于 2015-6-15 17:03
http://www.miniui.com/demo/datagrid/drawcell.html

就是这个

表格数据行总数由后台返回的当页数据的数量生成
你用addrow方式新增的话，刷新翻页这行都会清理掉

作者: herox_hu 时间: 2015-6-15 17:20:25

felt 发表于 2015-6-15 17:14
表格数据行总数由后台返回的当页数据的数量生成
你用addrow方式新增的话，刷新翻页这行都会清理掉
...

http://www.miniui.com/docs/tutorial/datagrid_drawcell.html

这里用的不是
{监听处理"drawcell"事件
使用"drawcell"事件，可以自定义单元格内容、样式、行样式等。}

作者: felt 时间: 2015-6-15 17:32:31

herox_hu 发表于 2015-6-15 17:20
http://www.miniui.com/docs/tutorial/datagrid_drawcell.html

那只能在确定的行上处理
grid.on("drawcell", function (e) {
      var record = e.record;
      var field = e.field;
      var index = grid.indexOf(record);
      var preRow = grid.getRow(index - 1);
      if (preRow && preRow.xx== "男“&&field==”xx") {
         e.cellHtml = '<a href="#">男士专用</a>'
      }
})

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)