限制jstree中子节点的选择数量
在jstree中限制子节点的选择数量可以通过以下步骤实现：
- 首先，确保你已经引入了jstree库，并创建了一个jstree实例。
- 使用jstree的
checkbox插件来启用复选框功能。在创建jstree实例时，设置checkbox属性为true。
$('#tree').jstree({
checkbox: true,
// 其他配置项...
});- 使用jstree的
check_callback回调函数来限制子节点的选择数量。在创建jstree实例时，设置check_callback属性为一个自定义的回调函数。
$('#tree').jstree({
checkbox: true,
check_callback: function (operation, node, node_parent, node_position, more) {
// 自定义回调函数的实现...
},
// 其他配置项...
});- 在自定义的
check_callback回调函数中，根据需要的选择数量来限制子节点的选择。你可以使用jstree提供的API方法来获取已选择的节点数量，并根据条件来决定是否允许选择更多的节点。
$('#tree').jstree({
checkbox: true,
check_callback: function (operation, node, node_parent, node_position, more) {
if (operation === 'check_node') {
var selectedNodes = $('#tree').jstree('get_checked');
if (selectedNodes.length >= 3) { // 限制选择数量为3个
return false; // 不允许选择更多的节点
}
}
return true; // 允许选择节点
},
// 其他配置项...
});以上代码中，我们使用get_checked方法获取已选择的节点，并通过判断已选择节点的数量来限制选择数量。如果已选择节点的数量达到了限制值，我们返回false来阻止选择更多的节点。
这样，当用户尝试选择超过限制数量的子节点时，jstree将不会允许选择操作。
相关·内容
3回答
我正在使用jsTree。我希望将子节点选择限制为4(或者不允许用户选择超过4个节点，或者禁用所有复选框)。我正在使用不起作用的select limit。我如何才能做到这一点？
$("#mytree").jstree({
"plugins" : [ "themes","html_data", "ui", "crrm","checkbox" ],
"html_data" : {
// ...
},
"checkbo
浏览 52提问于2016-07-25得票数 0
使用jstree，我想限制我的树的深度，不允许在某些节点上拖放。
以下是我的(简化)代码：
$('#tree').jstree({
"plugins":["dnd"],
"core":{
"check_callback":true
},
"dnd":{
"copy":false
}
}).on("move_node.jstree", function(node,nodes){
consol
浏览 7提问于2014-06-06得票数 2
3回答
我在我的应用程序中使用JSTree，代码如下。
this.CreateTreeView = function () {
$('#jstree_demo_div').jstree({
'core': {
'multiple': false,
'data': [
{ "id": "ajson1", "parent": "#", "text": "S
浏览 0提问于2015-09-03得票数 13
回答已采纳
4回答
我有一个XML文件，如下所示
<abc>
<property>
<Recentlyopenedfiles>
<File Path="c:\hai.txt" />
<File Path="C:\old.java" />
</Recentlyopenedfiles>
</property>
</abc>
我正在使用jdom2 SAXBuilder解析java.xml。我需要在<Recentlyopenedfiles>中
浏览 10提问于2013-12-27得票数 2
我正在尝试使用jstree，并在打开页面时让一个节点及其所有父节点都打开。这是我用来测试的html代码。
<div id="treeTask">
<ul>
<li id="node_37"><a href="#">TEST1</a>
<ul>
<li id="node_38"><a href="#">TEST2<
浏览 0提问于2014-12-27得票数 5
回答已采纳
我有一个jstree元素，它在hpo_json初始化时从一个名为init_hpotree()的json数组加载数据。然后，在一个特定的按钮上，单击我将json数组(hpo_json)传递给ajax调用，接收更新的数组，然后重新初始化jstree。一切都很好。
hpo_json = [...]
function init_hpotree() {
jstree_hpo = $('#jstree_hpo').jstree({
'core' : {
'data' : [hpo_json]
}
浏览 2提问于2019-03-15得票数 0
1回答
我已经编写了一个在python脚本中使用的选择器，它能够根据它的索引从网页中获取电影名称。我只想知道两部电影的名字，我重复一遍，两部电影，无论是1,2，3,4或15,16什么的。基本上我的意图是加入两个索引来做一个单独的选择器？在本例中，我使用两个索引0和1来创建一个带有"+“操作手的选择器来加入它。我认为应该有更明智的方法来做同样的事情。更具体而言，请参阅以下示例：
import requests ; from bs4 import BeautifulSoup
soup = BeautifulSoup(requests.get("https://yts.ag/browse-
浏览 1提问于2017-09-03得票数 1
回答已采纳
我使用的是。我有大约10个顶级项目，都有不同级别的孩子。我想让顶级项目始终处于打开状态。
有人知道怎么做吗？
编辑：
只是为了澄清一下，即使有人点击了这些项目，我也希望它们保持打开状态
我想我的代码的这一步需要做一些事情，我只是不确定到底是什么：
.delegate(".jstree-open>a", "click.jstree", function(event){
$.jstree._reference(this).close_node(this,false,false);
浏览 3提问于2012-12-10得票数 0
回答已采纳
我有一个jsTree，我试图双向“连接”到一个流星集合。现在，每当集合在jsTree.refresh()帮助下更新时，我都会自动触发.observeChanges。
FileTree.find().observeChanges({
added: function() {
$.jstree.reference('#fileTree').refresh();
},
changed: function() {
$.jstree.reference('#fileTree').refresh();
},
removed: functio
浏览 1提问于2014-09-23得票数 7
回答已采纳
我有一个jstree，并尝试获取选定的id。ids如下所示：
<ul id="jstree1">
<li id="group_number">...</li>
<li id="a_1">...</li>
<li id="a_2">...</li>
<li id="b_1">...</li>
<li id="b_2">...</li>
</ul>
我喜欢将这个
浏览 3提问于2015-07-26得票数 0
我用下面的代码行成功地打开了一个jsTree节点分支。
$('#jsTree').jstree("open_all", currentNode);
在这一行之后，我需要选择currentNode的第一个子节点。为此，我编写了以下代码行。
currentNode = currentNode.children("ul").children("li:first");
但是，它不起作用！
任何建议都会很有帮助。
浏览 3提问于2013-01-04得票数 0
我有一棵(Js)树，深3层或更高。虽然我预先加载了整个树数据，但除了根节点之外，树是折叠的。在特定的js事件上，我想展开一个特定的节点(我有它的ID/选择器)。我该怎么做？
现在我只能：
placeholder.find(".jstree").jstree("open_all");
placeholder.find(".jstree").jstree("select_node", "[data-xxx = '" + yyy + "']");
它扩展所有内容并选择给定的节点。我想实现同
浏览 3提问于2015-08-09得票数 1
回答已采纳
1回答
我想做一个带有checkbox插件的jstree。当jstree加载时，我希望检查一些节点，并且不能再更改它们的状态。我找到了一种禁用checkbox节点的方法，但是当我更改它的父节点状态时，子节点可能仍然会更改自己的状态。
下面是我发现的禁用checkbox节点的方法：
"types" : {
"types": {
"disabled" : {
"check_node" : false,
"uncheck_node" : false
浏览 1提问于2013-04-23得票数 1
我有一个jstree，我想通过保存最后一个active node使其保持原样。
图片下面的显示页面加载，我想得到结果：
下面是我如何将最后一个状态保存到localStorage
var lastClickedData = data.inst.get_json();
localStorage.setItem('lastnode',JSON.stringify(lastClickedData));
这里是jsfiddle：
$(function () {
$('#jstree').jstree({
"json_data
浏览 3提问于2018-10-05得票数 0
回答已采纳
我用的是jstree_pre1.0_fix_1。我想要预先选定的菜单。
接下来是javascript，
$("#Menu").jstree({
"plugins" : [ "themes", "html_data", "ui"],
"ui" :{ "initially_select" : ["#MENUITEM_012"] },
"themes" : {
"theme" : "custo
浏览 0提问于2012-08-28得票数 1
我正在使用jstree插件，通过一个ajax调用。在某一时刻，我调用
$("#tree").jstree("refresh");
以便检索通过ajax调用创建的新节点。除了select_node.jstree在刷新时被触发之外，它工作得很好。有没有办法防止在树刷新时触发select_node？
浏览 0提问于2012-06-21得票数 3
回答已采纳
1回答
我可以让工作节点选择加载并使href一起工作吗？现在，我得到一个无穷大循环，页面总是刷新。我的代码：
$(document).ready(function () {
var arrayCollection = <%=GetJson()%>;
var selectedid = <%=GetSelected()%>;
$('#jstree').jstree({
'core': {
'data': arrayCollection,
}
})
浏览 1提问于2015-09-23得票数 0
回答已采纳
我需要根据jstree的属性名选择一个节点。然后在选择了那个节点之后，我需要得到它的id。基本上，我想得到一个节点的id，给出它的名称。
我尝试了以下代码：
$("#tree1").bind("loaded.jstree", function (e, data) {
var isa_name = "ISA16469";
//$("#tree1").jstree("select_node", "#01"); //this code works but it selects by id, I wan
浏览 8提问于2015-04-23得票数 2
回答已采纳
我正在测试我的UI行为，并且尝试以编程方式单击jstree节点： $('#search_jstree_id')
.jstree(true)
.select_node('nodeName'); 但是nodeName来自用户搜索，并且它与现有节点不完全匹配，所以我想在.select_node中使用正则表达式。我不能让它工作。有可能吗？有没有其他的方法去jstree？
浏览 18提问于2020-01-23得票数 0
回答已采纳
如果使用CheckBox插件并删除了所有子节点，则父节点也将被删除。 $('#jstree').jstree({
"core" : {
"check_callback" : true,
"data" : [
{ "text" : "Branch 1", "type" : "branch", "children" : [
{ "text" : "leaf 1.1",
浏览 45提问于2019-03-11得票数 0
回答已采纳
我正在开发jstree复选框插件，希望在父节点被选中时获得所有子节点值。我试图实现get_checked方法，但它不起作用。
下面是我的代码。
<div id="demo"></div>
$('#demo').jstree({
'core' : {
'data' : [
{ "text" : "adya", "children" : [
{ "text" : "id" },
浏览 0提问于2017-04-19得票数 1
3回答
我有jsTree从JSON页面加载数据，它正确显示。默认情况下，我试图选择根节点，但无法使其工作。
这是我的jQuery：
$(function () {
$("#demo1").jstree({
"plugins" : [ "themes","json_data","ui" ],
"json_data" : {
"ajax" : {
"url" : "categ
浏览 2提问于2012-03-12得票数 6
回答已采纳
1回答
我对JSTree和Ajax有一个奇怪的问题。
我通过Ajax/PHP请求生成我的树，该请求生成HTML (带有UL、LI、A标记)，使用...
$.ajax({
url: 'ajaxTreeView.php?method=edit&partid='+partId,
cache: false,
success: function(tree)
{
$('#treeViewer').html(tree);
}});
并使用...在代码上激活JStree。
options =
{
"cor
浏览 0提问于2012-10-10得票数 7
回答已采纳
1回答
我第一次使用jstree，我尝试用jstree进行创建、重命名和删除操作。我正在使用json数据创建树，方法是从代码点火器中的数据库中提取数据。这里我在控制器中给出了一个函数。视图页中有用于创建、重命名和删除的按钮。功能在控制器中。这个代码动态地形成三棵树。但这些按钮只在最后一棵树上工作。另外两棵树id对于这些操作都是空的。我不知道错误在哪里。
有人能帮我吗。如果我的问题不清楚，请问我。
这是代码
public function accounts()
{
$this->load->view('header');
$accountids = $this
浏览 6提问于2015-11-09得票数 1
回答已采纳
2回答
jstree下载
、、、、
是否可以使用jstree作为目录查看器从服务器下载文件？
注意-通过连接到我的Dropbox帐户并从通过Dropbox发送的json结果填充树，我创建了一个jstree。
所以我可以看到我的Dropbox帐户的内容，这很好，但我想要与节点交互，(下载，删除，上传等)
这可行吗？
浏览 3提问于2013-04-14得票数 1
我是JQuery/Jstree的新手。当我试图以编程方式选择一个节点时，它总是返回容器节点，而不是我想要得到的子节点。请帮帮忙。
我的代码如下，
<div id="containerId" class="demo">
<ul>
<li id="phtml_1">
<a href="#">Root node 1</a>
<ul>
<li id="zzx">
浏览 4提问于2011-05-05得票数 1
2回答
我已经编写了程序，显示jstree和复选框。我编写了一个选中或不选中复选框的事件。因此，当我移除该代码时，jstree变得可见，而当该代码在那里时，树就会显示出来。
这是我的密码
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charse
浏览 4提问于2016-05-11得票数 1
回答已采纳
2回答
启用节点及其子节点
、、、
我正在使用：
jstree("disable_node", "#" + NodeID);
若要禁用jstree中的节点，请执行以下操作。并使用：
jstree("enable_node", "#" + NodeID);
启用节点。
有一个简单的方法来disable/enable一个节点，它是子节点吗？
谢谢
浏览 3提问于2016-02-27得票数 2
回答已采纳
这是我使用jQuery的第一个项目。 我已经使用jstree创建了父节点。当用户单击任何父节点时，我希望在相应的父节点中创建一个子节点。 $(function(){
$('#container').on('click', function(){
var newNode = { data: "Child1" };
var parentNode = $('#container').jstree('get_node', event.target.id);
浏览 23提问于2020-08-04得票数 0
每当在JStree中选中/取消选中节点时，我都需要执行递归操作。我尝试执行以下操作，但从未调用该函数。如何在检查/取消检查节点时从JStree调用函数？
$('#jstree').on("uncheck_node.jstree", function (e, data)
{
subfunction(selectednodetouncheck, data);
};
function subfunction(para1, para2)
{
//some operation;
};
子函数不会被调用...请告诉我如何调用这个函数。
浏览 25提问于2017-02-01得票数 0
6回答
#1我想隐藏根节点不受jstree的影响吗？
我在“根”节点上附加了几个子根节点，所以我想隐藏根节点不受jsTree影响？
在应用下面的CSS隐藏根节点之后，IE8中出现了“查找n感觉问题”：
$("ul:contains('Root')").css('position','relative');
$("ul:contains('Root')").css('top','-20px');
$("ul:contains('
浏览 7提问于2012-05-03得票数 5
我正面临着jsTree的问题。我希望将子节点移动到根节点，反之亦然。我也可以从第一棵树到第二棵树的根。请帮帮我。
请找到我下面的小提琴链接。
First tree
<div id="tree"></div>
Second tree
<div id="tree2"></div>
var data = [
{ "id" : "root", "parent" : "#", "text" : "Root",
浏览 5提问于2016-01-25得票数 2
回答已采纳
我正在试用优秀的JSTree 3.0.2。我有一个包含一级子节点的树。当单击一个父节点时，我希望它展开，但我不希望父节点是可选的-只有子节点应该是可选的。
我可以使用以下命令让父节点在单击时打开：
$("#jstree_div").bind("select_node.jstree", function (e, data) {
return data.instance.toggle_node(data.node);
});
但是我不知道如何使父节点不可选。
我已经创建了一个类型，并将"select_node“设置为false：
"treeParen
浏览 33提问于2014-06-30得票数 12
3回答
我试图用下面的配置将jstree搜索转换为ajax搜索，我的问题是，即使它将"str“发送到url，并且我接收到json "#id”中的数据，但jstree仍然进行正常搜索。
// $.jstree.defaults.search.ajax = true;
$('#node_tree').jstree({
'core' : {
'data': fill_tree(),
},
"plugins": ["search", "state",
浏览 8提问于2016-01-13得票数 3
回答已采纳
2回答
我使用
$('#jstree-naf').jstree().check_node(value);
选择我需要的条目。但在这之前我得把树露出来。
示例(目前)：
应成为：
所以，父母应该被揭发。
谢谢你的帮助
浏览 3提问于2016-09-27得票数 1
回答已采纳
我想根据它的ID从我的jstree中选择一个特定节点，然后更改它的图标。我想通过javascript来做这件事，但是在jstree文档中找不到一个基本的例子。有可能吗？
浏览 1提问于2013-04-23得票数 1
1回答
我是jsTree的新手。我在asp.net mvc应用程序中显示了特定服务器目录下的所有文件夹和文件。我生成了jsTree，但当我在jsTree中单击文件时，什么也没有发生。如果我将li放在jsTree对象之外，那么文件将在新选项卡中打开。
我的模型：
public class JsTreeModel
{
public string id;
public string text;
public string icon;
public JsTreeAttribute a_attr;
public string type;
public JsTree
浏览 0提问于2018-03-28得票数 0
我正在创建一个树结构，它使用的方式来生成html、ul和li元素。之后，我使用jsTree将这个列表转换成一棵树。在那之前，一切都很好。之后，我想向树的每个元素添加一个包含html内容的工具提示。我正在用qTip2进行尝试，但出于某种原因，它只是在根节点(platform.projectname和platform.projectname2)上显示了一个空的工具提示，而在子节点上却什么也没有显示。
以前有人这样做过吗？如有任何建议，将不胜感激。
树的HTML/Thymeleaf容器：
<div id="jstree_demo_div">
<di
浏览 4提问于2015-11-19得票数 0
回答已采纳
2回答
关于jsTree，我有两个问题：
我正在使用JSON与struts2一起生成一个jsTree。树第一次正确显示。但是在单击按钮时，我想要将包含不同数据的树重新加载到同一个div中。在单击按钮上，我给出了相同的操作名称，这是第一次为生成jstree提供的。如果我单击树的任何节点，那么我想要该节点的id，如果该节点有父节点id，则该节点的父节点id也要该节点的父节点id，父节点有父节点，那么父节点的id也是。
示例
Parent 1
|__Parent 2
|__Child 1
我点击孩子1，然后我想要一个孩子的id，父母2，父母1等等。
浏览 1提问于2011-11-14得票数 1
回答已采纳
我正在用网格和复选框插件实现jsTree。一切正常，但是如果我设置了jsTree a_attr.href，那么它与checkbox事件是冲突的。
因此，当我点击节点-它应该跟随链接，如果我点击复选框-它应该被标记。我做错什么了？
我创建了。但是在这个小提琴中，链接的href属性不起作用。
谢谢!
浏览 1提问于2015-05-06得票数 0
回答已采纳
我使用jstree将部门绘制为一棵树，这个问题是，如果我单击节点(根)，我将只获得第一个兄弟id；但是，我希望获得与同一根相关的子兄弟id。 下面是我的代码： var currentNode = $("#jstree").jstree("get_selected");
var childrens = $("#jstree").jstree("get_children_dom", currentNode);
for (var i = 0; i < childrens.length; i++) {
浏览 55提问于2020-09-09得票数 0
回答已采纳
我正在使用JStree开发我的第一个应用程序，我让它做几乎所有我需要的导航树。我的javascript代码可以使用knockoutjs为页面动态构建html列表结构(这里有点夸张，但我在页面的其他地方使用knockout )。将JStree附加到超文本标记语言之后，我的DOM看起来像-
<div id="menuTreeList" data-bind="template: "treeMenuTemplate"" class="navtree
jstree jstree-0 jstree-focused
浏览 0提问于2011-07-01得票数 4
回答已采纳
我正在尝试根据我创建的属性(db-id)选择一个节点，但是我已经用许多选项进行了测试，但仍然没有得到该节点。即使试图通过标记"li“的"id”获取节点，它仍然无法工作。
$(document).ready(function(){
$('#jstree').jstree();
$('#jstree').on('ready.jstree', function (e, data) {
x= $('#jstree').jstree(true).get_node('j1_1');
alert
浏览 10提问于2015-02-16得票数 0
回答已采纳
我必须从数据库中检索菜单项列表，并将其显示在树结构中
我希望使用菜单名称作为节点名称，并使用菜单id作为节点的id。我使用的方法是使用ajax调用检索数据，并将其放入列表中，然后将其显示为tree.But。我认为根据数据动态创建节点更有效。
function createNodeList(){
$('#menuCPanel #contentData #tree').jstree({
"json_data" : {
/*"data" : [{
浏览 0提问于2011-07-11得票数 0
回答已采纳
1回答
我使用jsTree库。3.1.1)使用dnd插件。
在我的树中，我有两个类用于no_dragging和锁定。它的意思是- no_dragging =节点不能拖动，锁定=拖动节点不能放置在此节点上
但是我不知道怎么能说jstree这个节点不是用来拖拽锁定的。见“守则”
$('#jstree1').jstree('destroy').jstree({
'core' : {
'check_callback' : true,
'multiple
浏览 1提问于2015-05-21得票数 0
回答已采纳
我使用关键字进行搜索，并在jstree中获得匹配的节点ID。
现在我必须使用“下一步”和“上一步”按钮在js树中导航。
我使用下面的代码行来选择所有具有相同specId的节点。
_selectCurrentTreeNode : function() {
var specId = this._currentMatches[this._currentCursorPosition];
this._specTree.jstree("select_node", "#" + specId);
}
在我的例子中，有三个节点具有相同的specId，但我希望一次只选择一个节点
浏览 0提问于2012-03-29得票数 1
回答已采纳
我有一个具有多个子节点的父节点。问题是，如果我想打开一个我称为$("#jstree").jstree("open_node", $('#node_27'));的特定节点。问题是父节点没有打开，因此$('#node_27')返回一个空数组。
如果我有子ID，那么在打开父ID之前没有将它们添加到DOM时，如何打开它？
浏览 3提问于2016-02-24得票数 1
回答已采纳
2回答
我实现了一个项目的jsTree插件()，它通常是工作的，但它似乎阻止了列表中的任何链接，它被应用到工作。我这里有一个Codepen的例子：
如果您进入Team A的Projects > Iteration 1> Story A
然后Story A应该充当Twitter的链接(您可以将鼠标指针置于该链接上以查看它是否指向Twitter)。但是jsTree阻止了链接的工作。删除jsTree后，链接即可正常工作。有没有办法说服jsTree让它工作呢？
浏览 2提问于2012-12-11得票数 2
回答已采纳
$('#create-blank-node').click(function () {
$('#treepanel').jstree("create", $("#parent_node"), "first", "new node");
});
"treepanel“是一个div id，它是一棵树。此函数不起作用。
浏览 1提问于2011-07-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
