可拖曳的樹

樹組件的拖拽

tree-17

設置的代碼以下 詳細:http://www.360ui.net ui

var setting1 = { spa

    edit: { .net

        enable: true, ci

        showRemoveBtn: false, get

        showRenameBtn: false it

    }, io

    callback:{ table

        beforeDrag: beforeDrag1, function

        beforeDrop: beforeDrop1 im

    }

};

 

 

var zNodes1 = [

    { id:1,   parentId:0, name:"隨意拖拽 1", open:true},

    { id:11,  parentId:1, name:"隨意拖拽 1-1"},

    { id:12,  parentId:1, name:"隨意拖拽 1-2", open:true},

    { id:121, parentId:12, name:"隨意拖拽 1-2-1"},

    { id:122, parentId:12, name:"隨意拖拽 1-2-2"},

    { id:123, parentId:12, name:"隨意拖拽 1-2-3"},

    { id:13,  parentId:1, name:"禁止拖拽 1-3", open:true, drag:false},

    { id:131, parentId:13, name:"禁止拖拽 1-3-1", drag:false},

    { id:132, parentId:13, name:"禁止拖拽 1-3-2", drag:false},

    { id:133, parentId:13, name:"隨意拖拽 1-3-3"},

    { id:2,   parentId:0, name:"隨意拖拽 2", open:true},

    { id:21,  parentId:2, name:"隨意拖拽 2-1"},

    { id:22,  parentId:2, name:"禁止拖拽到我身上 2-2", open:true, drop:false},

    { id:221, parentId:22, name:"隨意拖拽 2-2-1"},

    { id:222, parentId:22, name:"隨意拖拽 2-2-2"},

    { id:223, parentId:22, name:"隨意拖拽 2-2-3"},

    { id:23,  parentId:2, name:"隨意拖拽 2-3"}

];

 

//實現樹的拖拽

function beforeDrag1(treeId, treeNodes) {

    for (var i = 0, l = treeNodes.length; i < l; i++) {

        if(treeNodes[i].drag === false) {

            return false;

        }

    }

    return true;

}

 

//實現樹的拖放

function beforeDrop1(treeId, treeNodes, targetNode, moveType) {

    return targetNode ? targetNode.drop !== false : true;

}

相關文章
相關標籤/搜索