jQuery MiniUI

 找回密码
 立即注册
查看: 245|回复: 1

treegrid有办法让他显示分级列表号吗? 1.1.2.3这样 [复制链接]

Rank: 2

发表于 2020-8-10 23:12:56 |显示全部楼层
1
2
3
4
4.1
4.2
4.3
4.3.1
4.3.2
5
6
7

类似这样的分级列表怎么实现呢?

Rank: 8Rank: 8

发表于 2020-8-11 09:52:46 |显示全部楼层
通过ondrawcell来绘制。
  1. ondrawcell="onDrawCell"

  2. function onDrawCell(e) {
  3.         var column = e.column;
  4.         if (column.type && column.type == "indexcolumn") {
  5.             var tree = e.sender;
  6.             var node = e.record;
  7.             var level = tree.getLevel(node);

  8.             var html = "";

  9.             for (var i = 0; i < level + 1; i++) {
  10.                 if (i != level) {
  11.                     html = getLevelStr(node) + ".";
  12.                 } else {
  13.                     html = getLevelStr(node);
  14.                 }
  15.             }

  16.             function getLevelStr(node) {
  17.                 var pnode = tree.getParentNode(node);
  18.                 if (!pnode) return "";
  19.                 var index = "";
  20.                 var pIndex = getLevelStr(pnode)
  21.                 if (pIndex !== "") {
  22.                     index += pIndex + ".";
  23.                 }
  24.                 var children = tree.getChildNodes(pnode);
  25.                 index += (children.indexOf(node) + 1);

  26.                 return index;
  27.             }
  28.             e.cellHtml = html;
  29.         }


  30.     }
复制代码

Archiver|普加软件

GMT+8, 2020-12-5 04:08 , Processed in 0.025580 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部