jquery插件treetable 动态加载问题

全栈程序员-用户IM • 2022年5月27日上午9:00 • 未分类

大家好，又见面了，我是你们的朋友全栈君。

使用jquery插件treetable 增加后刷新table时，树形样式丢失

在增加或修改后，动态加载html，开始就直接使用 $(“#treeTable tbody”).empty().append(data); 这个用法是错误的，

后来换成

//成功后刷新表格	
$("#treeTable tbody").empty();
var html = data.htmlTable; 
var node;  
$("#treeTable").treetable("loadBranch", node, html);

就完成了，动态加载后保持树形table动作。

Public API

Plugin Function

treetable()

treetable() 方法可以传入下面的参数：

options(optional) : 一个描述配置的JS对象。

force(optional)：参数为true时强制重新初始化树。

Additional Functions

对树操作的一些方法，附加方法必须通过treetable()方法调用。Eg：折叠id=42的节点， $(“#tree”).treetable(“collapseNode”, “42”).

collapseAll()：折叠所有节点

collapseNode(id)：Collapse a single node, identified by id.

expandAll()：Expand all nodes at once.

expandNode(id)：Expand a single node, identified by id.

loadBranch(node, rows)：向树中插入新行(<tr>s), 传入参数 node 为父节点，rows为待插入的行. 如果父节点node为null ，新行被作为父节点插入

move(nodeId, destinationId)：Move node nodeId to new parent with destinationId.

node(id)：Select a node from the tree. Returns a TreeTable.Node object.

removeNode(id)：从树中移除某个节点及其所有子节点

reveal(id)：展示树中的某个节点

sortBranch(node)

sortBranch(node, columnOrFunction)：根据字母顺序对node 节点的所有子节点排序。Defaults to sorting on the values in the configured tree column (see settings). Pass an optional column number or sorting function as the second argument columnOrFunction. See the tests for examples of custom sorting functions. Does not recursively sort children of children.

unloadBranch(node)：Remove nodes/rows (HTML <tr>s) from the tree, with parent node. Note that the parent (node) will not be removed.