Jquery JsTree create_node函数正在更新以前从节点添加的数据
我正在创建JsTree,具有以下功能:(最后是JSFIDLE链接)Jquery JsTree create_node函数正在更新以前从节点添加的数据,jquery,jstree,Jquery,Jstree,我正在创建JsTree,具有以下功能:(最后是JSFIDLE链接) 添加动态新节点(工作正常) 在节点数据(标签、要使用的隐藏字段)内放置多个控件 [工作罚款] 页面上的一些控件用于将值设置为标签和隐藏字段 放置在节点内[工作正常] 我的问题是:当我从页面上放置的其他控件向标签添加文本时(目前我使用了复选框,但稍后会有多个控件),它工作正常,但在添加新节点之后,所有设置的数据都会刷新 这是我的密码: <div id="html1"> <ul>
- 添加动态新节点(工作正常)
- 在节点数据(标签、要使用的隐藏字段)内放置多个控件 [工作罚款]
- 页面上的一些控件用于将值设置为标签和隐藏字段 放置在节点内[工作正常]
<div id="html1">
<ul>
<li>
<label class="lblProduct">New</label>
</li>
</ul>
</div>
<label class="labelRadio">No Fever:</label> <div class="inputRadio"><input id="chkBx_No_Fever" type="checkbox" style="outline:none;"></div>
<button id="btnTest">Add Filter</button>
-
新的
无发烧:
添加过滤器
Jquery:
$('#html1').jstree(
{
"types": {
"filter": {
"icon": "glyphicon glyphicon-flash"
},
"treatment": {
"icon": "glyphicon glyphicon-ok"
}
},
"core": {
"check_callback": true,
"themes": {
"default": "large",
"dots": true
}
},
"plugins": ["wholerow", "changed", "types"]
});
var _selected_Node_Container;
var _newlyCreatedNodeId;
var _selectedNodeId;
var _parentId_Of_Selected_Node;
$("#btnTest").click(function () {
debugger;
_selectedNodeId = $('#html1').jstree('get_selected').toString();
if (_selectedNodeId.length <= 0) { abp.notify.error('Please select record to configure.'); }
else {
create_Filter_Node();
//--- Move selected node under newly created Node
$('#html1').jstree("move_node", _selectedNodeId, _newlyCreatedNodeId, 0, null, true, false);
//---- Add Another node for pass/fail condition
$("#html1").jstree('create_node', _newlyCreatedNodeId, "sub child row", 'last', function (newNode) { _newlyCreatedNodeId = newNode.id });
}
});
$('#html1').on('activate_node.jstree', function (e, data) {
_parentId_Of_Selected_Node = data.instance.get_node(data.node.parent).id;
_selectedNodeId = data.node.id;
_selected_Node_Container = $('li[id=' + _selectedNodeId + ']');
_selected_Node_Container = _selected_Node_Container.find($('a[id=' + _selectedNodeId + '_anchor]'))
});
function create_Filter_Node() {
var data="";
data += "<label name=\"lbl_No_Fever\" class=\"lbl_No_Fever\">Click This Row and then click Checkbox</label>";
data += "<label name=\"lbl_Days_On_Feed_Mode\" class=\"lbl_Days_On_Feed_Mode\"></label>";
data += "<label name=\"lbl_Days_On_Feed_Value\" class=\"lbl_Days_On_Feed_Value\"></label>";
data += "<label name=\"lbl_Temperature_Mode\" class=\"lbl_Temperature_Mode\"></label>";
data += "<label name=\"lbl_Temperature_Value\" class=\"lbl_Temperature_Value\"></label>";
data += "<label name=\"lbl_Weight_Mode\" class=\"lbl_Weight_Mode\"></label>";
data += "<label name=\"lbl_Weight_Value\" class=\"lbl_Weight_Value\"></label>";
data += "<label name=\"lbl_Animal_Type\" class=\"lbl_Animal_Type\"></label>";
data += "<label name=\"lbl_Processing_Group\" class=\"lbl_Processing_Group\"></label>";
// data += "<label name=\"lbl_Relapse\" class=\"lbl_Relapse\"></label>";
data += "<input type=\"hidden\" name=\"lbl_Relapse\" class=\"lbl_Relapse\"/>";
$("#html1").jstree('create_node', _parentId_Of_Selected_Node, data, 'first', function (newNode) { _newlyCreatedNodeId = newNode.id });
}
//------ No Filter checkbox
$("#chkBx_No_Fever").click(function () {
if ($(this).is(":checked")) {
_selected_Node_Container.find('.lbl_Relapse').val("Value From Checkbox");
_selected_Node_Container.find('.lbl_No_Fever').text("Value From Checkbox");
} else {
_selected_Node_Container.find('.lbl_Relapse').text(false);
}
});
$('html1').jstree(
{
“类型”:{
“过滤器”:{
“图标”:“Glyphion Glyphion flash”
},
“治疗”:{
“图标”:“图标图标图标图标图标正常”
}
},
“核心”:{
“check_callback”:true,
“主题”:{
“默认值”:“大”,
“点”:真的吗
}
},
“插件”:[“wholerow”、“changed”、“types”]
});
var(所选)节点(容器);;
var_newlyCreatedNodeId;
var_selectedNodeId;
所选节点的var\u parentId\u;
$(“#btnTest”)。单击(函数(){
调试器;
_selectedNodeId=$('#html1').jstree('get#u selected').toString();
如果(_选择NodeId.length