当处理 check/uncheck 事件并将所有复选框一起设置为真时,js 树在 ie 中不起作用
js tree is not working in ie when handle check/uncheck event and set all check box true together
我正在使用jstree 来绑定数据。我已经选中 (select) 所有复选框,还调用了复选框的 check/uncheck 事件。它在 Chrome 中工作正常,但在 IE 中我可以处理 check/uncheck 事件,但默认情况下未选中 (select) 所有复选框。
请查找以下代码:
$('#filterResult').jstree({
"core": {
"data": data,
"themes": {
"icons": false
},
check_callback: false
},
'checkbox': {
three_state: true,
cascade: 'none',
whole_node: false,
tie_selection: false, // when remove this then all checkbox are selected by dafualt but check/uncheck event is not working
real_checkboxes: true
},
"plugins": [
"wholerow",
"checkbox"
]
})
.on('loaded.jstree', function () {
$("#filterResult").jstree().check_all(true);
// $("#filterResult").jstree("select_all");
})
.on("check_node.jstree uncheck_node.jstree", function (e, data) {
console.log(data.node.id);
}
});
当我从 'checkbox' 中删除 tie_selection: false 时,selected IE 中的所有复选框都可以正常工作,但是复选框 check/uncheck 事件不起作用。
以上代码适用于 Chrome。
由于某些原因,loaded.jstree
事件没有在 IE 上触发(尝试设置断点,不起作用)。
为此,您可以尝试将其替换为 ready.jstree
这里是pen代码。
希望对您有所帮助!
我正在使用jstree 来绑定数据。我已经选中 (select) 所有复选框,还调用了复选框的 check/uncheck 事件。它在 Chrome 中工作正常,但在 IE 中我可以处理 check/uncheck 事件,但默认情况下未选中 (select) 所有复选框。
请查找以下代码:
$('#filterResult').jstree({
"core": {
"data": data,
"themes": {
"icons": false
},
check_callback: false
},
'checkbox': {
three_state: true,
cascade: 'none',
whole_node: false,
tie_selection: false, // when remove this then all checkbox are selected by dafualt but check/uncheck event is not working
real_checkboxes: true
},
"plugins": [
"wholerow",
"checkbox"
]
})
.on('loaded.jstree', function () {
$("#filterResult").jstree().check_all(true);
// $("#filterResult").jstree("select_all");
})
.on("check_node.jstree uncheck_node.jstree", function (e, data) {
console.log(data.node.id);
}
});
当我从 'checkbox' 中删除 tie_selection: false 时,selected IE 中的所有复选框都可以正常工作,但是复选框 check/uncheck 事件不起作用。
以上代码适用于 Chrome。
由于某些原因,loaded.jstree
事件没有在 IE 上触发(尝试设置断点,不起作用)。
为此,您可以尝试将其替换为 ready.jstree
这里是pen代码。
希望对您有所帮助!