ztree java 增删改_ztree 增删改查功能

v-model="searchtext"

class="searchinput"

type="text"

size="small"

@focus="showMenu"

/>

size="small"

type="primary"

style="width: 25%;"

@click="searchFun"

>搜索

>

icon="el-icon-plus"

size="mini"

type="text"

@click="addRoot"

v-if="editEnable"

>新增根节点

>

没有找到哦~

import $ from "jquery";

window.$ = $;

window.jQuery = $;

import "../plugin/ztreeJS/js/jquery.ztree.core";

import "../plugin/ztreeJS/js/jquery.ztree.excheck";

import "../plugin/ztreeJS/js/jquery.ztree.exedit";

import "../plugin/ztreeJS/js/jquery.ztree.exhide.js";

export default {

$,

props: {

zNodes: {

type: Array,

default: () => [],

},

editEnable: {

type: Boolean,

default: false,

},

disabledId: {

type: String,

default: "",

},

status: Boolean,

// selectedNodeId: ''

},

data() {

return {

selectedNode: {},

setting: {

treeId: "id", // 节点id

view: {

showIcon: false,

addDiyDom: this.addDiyDom,

addHoverDom: this.editEnable ? this.addHoverDom : "",

removeHoverDom: this.editEnable ? this.removeHoverDom : "",

selectedMulti: false,

},

edit: {

enable: this.editEnable, // 根据条件判断是否显示编辑删除按钮

editNameSelectAll: true, // 编辑名称 input 初次显示时,设置 txt 内容是否为全选状态

removeTitle: "删除",

renameTitle: "重命名",

},

data: {

key: {

name: "name", //

children: "children", //zTree 节点数据中保存子节点数据的属性名称。

isParent: "isParent", //zTree 节点数据保存节点是否为父节点的属性名称。

},

keep: {

parent: true,

leaf: true,

},

simpleData: {

enable: true, // 显示层级

idKey: "id", // 唯一标识的属性名称

parentIdKey: "parentId", // 父节点唯一标识的属性名称

// idPKey: "parentId",

rootparentId: 0, // 修正根节点父节点数据

},

},

callback: {

onClick: this.zT