jQuery MiniUI

标题: treegrid有办法让他显示分级列表号吗？ 1.1.2.3这样 [打印本页]
作者: cciikk    时间: 2020-8-10 23:12:56     标题: treegrid有办法让他显示分级列表号吗？ 1.1.2.3这样

1
2
3
4
4.1
4.2
4.3
4.3.1
4.3.2
5
6
7

类似这样的分级列表怎么实现呢？
作者: felt    时间: 2020-8-11 09:52:46

通过ondrawcell来绘制。
  1. ondrawcell="onDrawCell"

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

  10.             var html = "";

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

  20.             function getLevelStr(node) {
  21.                 var pnode = tree.getParentNode(node);
  22.                 if (!pnode) return "";
  23.                 var index = "";
  24.                 var pIndex = getLevelStr(pnode)
  25.                 if (pIndex !== "") {
  26.                     index += pIndex + ".";
  27.                 }
  28.                 var children = tree.getChildNodes(pnode);
  29.                 index += (children.indexOf(node) + 1);

  31.                 return index;
  32.             }
  33.             e.cellHtml = html;
  34.         }


  37.     }
复制代码




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2