越南网站怎么做,杭州赛虎网站建设,做网站江西,口碑营销的名词解释1. 树节点名称中使用超文本标签
view.nameIsHTML设置为true即可
var setting {view: {nameIsHTML: true},check: {enable: true},data : {simpleData : {enable : true}}
};
2. 使用自定义的title显示
view.showTitle设置为true, 在data.key中声明title对应的字段名即可
…1. 树节点名称中使用超文本标签
view.nameIsHTML设置为true即可
var setting {view: {nameIsHTML: true},check: {enable: true},data : {simpleData : {enable : true}}
};
2. 使用自定义的title显示
view.showTitle设置为true, 在data.key中声明title对应的字段名即可
var setting {view: {showTitle: true},check: {enable: true},data : {simpleData : {enable : true},key : {title: title}}
};
3. 节点点击事件监听
callback.onClick设置回调函数即可
var setting {check: {enable: true},data : {simpleData : {enable : true}},callback : {onClick : function (event, treeId, treeNode) {console.log(treeNode.name);}}
};
4. 使用编辑、删除、拖拽移动功能
edit中设置相关按钮的显示
var setting {check: {enable: true},edit: {drag: {isMove: true // 打开移动功能,鼠标左键点击后拖拽},enable: true, //编辑节点必须设置该字段,并且编辑状态包括修改和删除,所以如果设置trueeditNameSelectAll : true, //删除按钮和修改按钮都会出现showRenameBtn : true, //默认值就是true,可以不写的removeTitle: 删除节点, //删除按钮名称renameTitle: 修改节点, //修改按钮名称showRemoveBtn: function showRemoveBtn(treeId,treeNode){ //选做可以删除这一行return treeNode.pId ! 0; // 根节点不显示删除按钮}},data : {simpleData : {enable : true}},callback : {beforeRemove : function (treeId, treeNode){//删除前的回调函数return true;},onRemove: function(treeId, treeNode) {//删除回调函数console.log(treeId 被删除);},beforeDrop: function (treeId, treeNodes, targetNode, moveType) {// 拖拽回调 moveType为inner、prev、nextconsole.log(treeId 被拖拽);return true;},beforeRename : function (treeId, treeNode, newName, isCancel){//修改前的回调函数return true;}, onRename: function (treeId, treeNode, newName, isCancel){//修改回调函数console.log(treeId 的新名字 newName);}}
};
5. 获得所有选中节点
function getChecks() {var treeObj $.fn.zTree.getZTreeObj(zTree);var nodes treeObj.getCheckedNodes(true);var array new Array();for (var i 0; i nodes.length; i) {array.push(nodes[i].id); //获取选中节点的值}return array.join(,);
}
6. 节点勾选事件监听
callback.onCheck设置回调函数即可
var setting {check: {enable: true},data : {simpleData : {enable : true}},callback : {onCheck : function (event, treeId, treeNode) {console.log(treeNode.checked);}}
};
