繁体   English   中英

在jstree中获取放入新div的项目名称

[英]Get the name of dropped item into new div in jstree

我正在使用jstree.创建一个web应用程序,例如jstree. 我能够拖放submenu items 我想将删除的项目的名称命名为new div 这是我的jsfiddle

这是我的拖放代码

$('.drag').on('mousedown', function (e) {
    return $.vakata.dnd.start(e, { 'jstree' : true, 'obj' : $(this), 'nodes' : [{ id : true, text: $(this).text() }] }, '<div id="jstree-dnd" class="jstree-default"><i class="jstree-icon jstree-er"></i>' + $(this).text() + '</div>');
});

$(document).on('dnd_move.vakata', function (e, data) {
    var t = $(data.event.target);
    if(!t.closest('.jstree').length) {
        if(t.closest('.drop').length) {
            data.helper.find('.jstree-icon').removeClass('jstree-er').addClass('jstree-ok');
        }
        else {
            data.helper.find('.jstree-icon').removeClass('jstree-ok').addClass('jstree-er');
        }
    }
}).on('dnd_stop.vakata', function (e, data) {
    var t = $(data.event.target);
    if(!t.closest('.jstree').length) {
        if(t.closest('.drop').length) {
            $(data.element).clone().appendTo(t.closest('.drop'));
            // node data:
            // if(data.data.jstree && data.data.origin) { console.log(data.data.origin.get_node(data.element); }
        }
    }

您可以在$(data.event.target).text()中获得放置项的名称。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM