jsTree在ajax懒加载的树Laravel中搜索

时间:2018-07-22 11:04:16

标签: laravel load lazy-evaluation jstree

我大约有80,000个项目,为什么我要使用延迟加载使其能够在优良的树形结构中工作,而形状却是我想要的。

$("#jstree-view").jstree({

    'plugins' : ["search", "html_data", "changed", "conditionalselect"],

    'core' : {
        "open_parents": true,
        "load_open": true,
        "multiple" : false, // no multiselection
        'check_callback' : true,
        'data' : {
            'url' : function (node) {
                    return node.id === '#' ?
                    'http://127.0.0.1:8000/ajaxrequest/0' :
                    'http://127.0.0.1:8000/ajaxrequest/'+ node.id;
                },
            'data' : function (node, cb) {
                return { 'id' : node.id };
                console.log('3');
                cb(data);
            }
        },

    },
});

enter image description here

**但是在ajax延迟加载搜索中有问题**

每当搜寻某物时,但它的子弹不是消耗品, 我不知道我是否使用错误的方法来实现自己想要的目标, 任何人都可以帮助我解决这个问题。

    var to = false;
$('#jstree-search-txt').keyup(function () {

    if (to) { clearTimeout(to); }
    to = setTimeout(function () {

        console.log("Calling : "+  $("#jstree-search-txt").val());
        $.ajax({
            "url": "http://127.0.0.1:8000/ajaxsearch/"+ $("#jstree-search-txt").val(),
        })
        .done(function (data) {
            $('#jstree-view').jstree(true).settings.core.data = data;
            $('#jstree-view').jstree(true).refresh();
            console.log('Data  : '+ data); 
         });

            // data = data.d;
            // callback(data);
    }, 250);
});

查看快照:

enter image description here

0 个答案:

没有答案