在jstree中创建删除和重命名不起作用

Question

我是第一次使用 jstree。我正在尝试使用 jstree 进行创建、重命名和删除操作。我通过从 codeigniter 中的数据库获取来创建带有 json 数据的树。在这里，我在控制器中给出了一个功能。用于创建重命名和删除的按钮在视图页面中。并且功能在控制器中。此代码动态形成三棵树。但是这些按钮只在最后一棵树上起作用。对于这些操作，其他两棵树的 id 为空。我不知道错误在哪里。

谁能帮我解决这个问题。如果我的问题不清楚，请问我。

这里是代码

public function accounts()
{
    $this->load->view('header');
    $accountids = $this->Accounts_model->getaccounts();
    $i=1;
    $function='';
    foreach($accountids as $accountid){
        $htmll='';
        $html='';
        $json='[';
        $jstree='';
        $jstree.='$("#'.preg_replace('/\s+/', '', $accountid['accname']).'")';
        $function.='function demo_create() {
                    var ref = $("#'.preg_replace('/\s+/', '', $accountid['accname']).'").jstree(true),
                        sel = ref.get_selected();
                        console.log(sel);
                        alert(sel);
                    if(!sel.length) { return false; }
                    sel = sel[0];
                    sel = ref.create_node(sel, {"type":"file"});
                    if(sel) {
                        ref.edit(sel);
                    }
                };
                function demo_rename() {
                    var ref = $("#'.preg_replace('/\s+/', '', $accountid['accname']).'").jstree(true),
                        sel = ref.get_selected();
                        console.log(sel);
                        alert(sel);
                    if(!sel.length) { return false; }
                    sel = sel[0];
                    ref.edit(sel);
                };
                function demo_delete() {
                    var ref = $("#'.preg_replace('/\s+/', '', $accountid['accname']).'").jstree(true),
                        sel = ref.get_selected();
                        console.log(sel);
                        alert(sel);
                    if(!sel.length) { return false; }
                    ref.delete_node(sel);
                };';
                $html.='<tr><td>'.$i.'</td><td><div id="'.preg_replace('/\s+/', '', $accountid['accname']).'">"'.$accountid['accname'].'"';
                $json.='{"id":"'.$accountid['accname'].'","parent":"#","text":"'.$accountid['accname'].'","type":"account"},';

                $sub_accountids= $this->Accounts_model->get_subaccounts($accountid['id']);

                foreach($sub_accountids as $sub_accid){
                    $json.='{"id":"'.$sub_accid['subAccname'].'","parent":"'.$accountid['accname'].'","text":"'.$sub_accid['subAccname'].'","type":"tranche"},';
                }       
                $htmll.='</div></td><td><div class="account_ox" id="'.$accountid['id'].'"><a href="#"><img src="'.JS_FOLDER_PATH.'/image/add.png" data-toggle="modal" width="27px" height="27px" class="cat" data-target="#myModal2" onclick="testleena('.$regionid['id'].');"/></a><input type="hidden" id="hiding" value="'.$accountid['id'].'"/></div></td></tr>';
                $i++;
                $json=rtrim($json,",");
                $json.=']';     

                echo $html.'<script>'.$function.'$(document).ready(function() {'.$jstree.'.jstree({  
                    "core" : {
                    "data" : 
                        '.$json.',
                        "check_callback":true
                    }
                });
                $(".account_ox").click(function (){
                        $("#opex_hiddenid").val(this.id);
                });
                });</script>'.$htmll;   
        }
    }

Answer 1

使用方法get_node 根据您在sel 变量中的新节点ID 获取新节点的名称。 像这样：$("#"+treeId).jstree().get_node(sel).text

查看演示 - 选择要添加子节点的节点，然后单击按钮创建节点：JS Fiddle