根据`data-id`选择并附加<li>

时间:2017-03-30 11:59:58

标签: javascript jquery

我在Laravel中构建的应用程序可以使用户能够编辑某些模型等。在创建事件中,生成jstree以指定变量的特定数据特征。现在,必须调整jstree,但是已经存储的变量需要再次可视化!这样,用户将不得不重新输入所有数据。

在选择jstree节点时,将执行以下代码:

$(document).on('submit','form:not(.secret)',function(event){
    event.preventDefault();

    var id      = $('.modal-body input[type=hidden]').val();
    console.log(id);

    var li = $('li[id='+id+']');

    var field   = li.data('id');
    console.log(field);

    var text    = li.text();
    console.log(text);

    var value = $('.modal-body select').val();
    console.log(value);

    $("#html1").jstree('rename_node', '#'+id, text+' <span class="glyphicon glyphicon-arrow-right"></span> '+value);
    $("#html1").jstree(true).set_icon('#'+id, "glyphicon glyphicon-check");

    $('form.secret').append('<input type="hidden" name="'+field+'" value="'+value+'"/>');

  });

enter image description here

现在,我需要传递已经选择的变量数组。 JSON格式如下:

{"KnSubject":{"Element":{"Fields":{"StId":"{{Omschrijving}}","Da":"{{Omschrijving}}","SaId":"{{Omschrijving}}"}},"Objects":[]}}

因此,不存储ID。但是在浏览控制台时。键值在data-id属性中部分调用 enter image description here

我现在的代码循环遍历这些键,但现在我需要根据被调用的部分键附加jstree节点。有人可以帮我吗?

我现在拥有的:

@foreach ($text_data as $value)
    $("#html1").jstree('rename_node', '#'+id, text+' <span class="glyphicon glyphicon-arrow-right"></span> '+value);
    $("#html1").jstree(true).set_icon('#'+id, "glyphicon glyphicon-check");
    $('form.secret').append('<input type="hidden" name="'+field+'" value="'+value+'"/>');
@endforeach

0 个答案:

没有答案