Я работаю с jstree впервые. Я пытаюсь создать, переименовать и удалить операцию с jstree. Я создаю дерево с данными JSON, выбирая из базы данных в codeigniter. Здесь я дал функцию в контроллере. Кнопки для создания переименования и удаления находятся на странице просмотра. И функции есть в контроллере. Этот код формирует три дерева динамически. Но эти кнопки работают только на последнем дереве. Идентификатор двух других деревьев для этих операций становится нулевым. Я не могу знать, где ошибка.
Кто-нибудь может мне с этим помочь. Если мой вопрос неясен, пожалуйста, спросите меня.
Вот код
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;
}
}
Используйте метод get_node
чтобы получить имя нового узла на основе нового идентификатора узла, который у вас есть в вашем sel
переменная.
Как это: $("#"+treeId).jstree().get_node(sel).text
Ознакомьтесь с демонстрацией — выберите узел для добавления дочернего элемента, затем нажмите кнопку «Создать узел»: JS Fiddle
Других решений пока нет …