大家好,又见面了,我是你们的朋友全栈君。
使用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.
Classes
HTML tr class:
expanded:标识节点被展开
collapsed:标识节点被折叠
branch:分支节点,有子节点或者拥有 branchAttr 属性
leaf:叶子节点,无子节点
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/140808.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...