我尝试在我的TypeScript代码中为angularjs应用程序使用jstree控件。我使用jstree类型和jstree.directive来显示一棵树。当我需要处理菜单项时，单击并调用基本方法时，一切都可以工作。在我的操作中，没有"this“(contextmenu)范围。有什么建议吗？
class MapTreeViewController {
mapTreeView: JSTree;
vm.mapTreeView = $('#jstree').jstree(
{
'core': { 'data&#
浏览 1提问于2015-07-21得票数 0
回答已采纳
当涉及到jQuery链(在本例中是jsTree)时，是我弄错了还是AngularJS的$timeout函数有问题？
将引发异常
$.(...).jstree(...).on is not a function
这是我的代码片段：
$timout(function() {
$("#foo").jstree().on('select_node:jstree', onSelect)
});
当不链接.on()而是在额外的一行中使用它时，比如
$("#foo").on('select_node:jstree', onSelect)
浏览 1提问于2016-02-24得票数 0
1回答
日安！我正在使用jQuery插件jstree及其功能。它只适用于jstree的第一个“集合”。我使用了div的增量值，“属性从选择器开始”$('div[id^="jstree"]') (感谢堆栈溢出用户)，但是它只在第一组中搜索。
@main(Html(""), nav = "map") {
<a href="@routes.Tags.tree()"> Tree </a> <br><br>
<input type="text"
浏览 7提问于2014-06-02得票数 0
回答已采纳
1回答
我在同一页上有很多狂喜。我想在一棵特定的树上应用特殊的UI/dom效果。
我想在jquery.jstree.js文件中创建一个全局变量，它只是初始化jstree的div。
//I am using jst as a global object which knows in which div jstree is getting created.
if(jst.attr("id") == "special") {
...do something special...
}
或者，如果这个库中还有其他特权，可以让我知道jstree的id。提前谢谢。
编辑：，我想知
浏览 1提问于2012-09-26得票数 0
1回答
我有一个基于jsTree插件类选择器的通用代码。我在另一个cshtml页面中使用了jsTree。我只想在jsTree中显示匹配的搜索节点。我已经将选项设置为只显示匹配的节点，但它不起作用。
有人能帮帮我吗？
$(".jsTree").each(function (index, element) {
if ($(element).data("isProcessed") != "1" && $(element).attr("isProcessed") != 1) {
$(element).dat
浏览 5提问于2021-01-13得票数 3
回答已采纳
2回答
下面是我使用的代码。删除节点时，delete_node.jstree不会触发。
$('#tree-container').jstree({
'plugins' : ['contextmenu'],
"check_callback" : true,
'core' : {
'data' : {
"url" : sTreeUrl + "?operation=gettree",
浏览 8提问于2017-05-10得票数 0
回答已采纳
1回答
如何在jstree中加载页面时获得所有呈现的树metadata，输出类似于以下内容：
[23,24]
注意:我想把每个id放在metadata对象中，就像这样加载页面[23,24]
$(function() {
$('#jstree').jstree({
"json_data": {
"data": [{
"data": "A node",
"metadata": { id: 23 },
"children"
浏览 0提问于2018-10-10得票数 2
尽管我无法从代码中打开一个节点，但最近jsTree在我的页面上的集成还是取得了很大的成功。我从jQueryUi对话框中的一个空div开始，在它上有一个树。当用户单击按钮时，它会打开对话框，并为变量"registerHTML“中的树创建HTML。然后我使用这个代码
$( "#registerTree" ).jstree().destroy();
$( "#registerTree" ).html(registerHTML);
$('#registerTree').bind("loaded.jstree", function
浏览 6提问于2014-07-18得票数 0
回答已采纳
我正在为一个将有访问级别的应用程序创建前端。我找到了一个名为jstree的库，但我很难获得已标记或未标记的复选框，我将在此处发布示例代码。 我希望当我单击保存按钮时，生成此json输出，因为它将在ajax请求中发送。 {
"globais": [
{
"Empresas": [
{"read": true},
{"create": false},
{"update": true},
{"
浏览 14提问于2020-06-08得票数 0
回答已采纳
1回答
在单击一个按钮时，我发送一些键给控制器并使用json获取我的列表，我的列表中的数组在我的jstree中充当我的子类，
$("#btnSearch").on("click", function () {
alert("I'm also here");
$.ajax({
type: "POST",
url: "/Claims/JSTree",
success: function (response) {
浏览 1提问于2015-05-18得票数 3
回答已采纳
在jsTree中，我使用下面的复选框来补充和它的three_state属性，我把它放在false中，但是我想在数据加载完成时更新属性three_state为true，查看文档，我只发现如何更新树的数据，而不是补集的属性。我正在试这个，但它不起作用 $.ajax({
async: true,
type: "POST",
url: "/Perfiles/GetTreeData",
dataType: "json",
浏览 35提问于2019-06-07得票数 0
1回答
我希望通过删除所有根节点并使用ajax读取结构来重新创建jstree。如果我用：
$("#tree").jstree("destroy");
然后重新创建jstree实例：
$("#tree").jstree({ "core": {"check_callback" : true} });
它吸引了一场新的狂欢。我添加了来自ajax的json信息，但是当我单击根节点时，事件侦听器就不再工作了。
这是有效的解决方法：
var ref = $("#tree").jstree(true);
浏览 0提问于2015-01-07得票数 1
回答已采纳
我在我的应用程序中使用JSTree。
我有非常巨大的数据要显示在JSTree中。
我有大约200000个节点要显示。
我为用户提供了搜索功能。在搜索时，我正在清除先前的jstree实例，并使用所需的数据创建新实例。
在加载“根”节点时触发的加载事件上，我调用open_all()方法来打开所有节点，
我有大量的数据，我正在使用延迟加载。例如，在一种情况下，一个节点内有20K个节点。因此，它提出了20K的ajax请求，最终导致了"ERR_INSUFFICIENT_RESOURCES“。
如何在这里集成批量加载功能与open_all()?
浏览 5提问于2015-09-21得票数 1
我在试着执行
jQuery("#surveyManager").jstree("create", jQuery("#" + parentId), "last",
{ "title" : "new_node",
"attr" : { id:"Clone" } },
false, true);
但这并不是为jstree中的节点设置属性。请建议一下如何做这件事
浏览 2提问于2013-09-24得票数 0
我想把TypeScript和jsTree结合使用。如何在绑定的setCurrentNode函数中调用jsTree函数？
class MyController {
thescope: any;
static $inject = ['$scope'];
constructor($scope) {
$scope.vm = this;
this.thescope = $scope;
(<any>$("#demo2")).jstree({
.bind("
浏览 10提问于2013-08-14得票数 0
回答已采纳
1回答
没有错误，但是视图没有显示？ Jquery： $('#edit_button').on("click", function () {
var instance = $('#jstree').jstree("get_selected");
if (instance != 0) {
$.getJSON("/AdminPanel/Category/EditMainCategory/" + instance);
} else {
浏览 17提问于2021-04-12得票数 0
回答已采纳
我使用jstree在单独的iframe中准备了2个树状视图。右边的树视图应该控制左边的树视图。当用户单击右侧树状视图中的一个列表时，相应的项目文件夹将在左侧树状视图中打开并被选中。我可以在单个页面中使用div来实现它。我使用右jstree div var instance = $('#left').jstree(true);中的左树视图实例来控制左树视图。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
浏览 21提问于2021-06-11得票数 0
回答已采纳
假设我们有2个jstree实例。这里，第一个树中的n1, n2节点和第二个树中的n3, n4节点。我想在n4中移动/拖动n2节点。但在不同的树实例上移动节点时，move_node方法似乎不会触发。 $('#A').jstree({
"core" : {
"check_callback" : true,
"data" : [{"text":"Root 1","id":"n1"}, {"text":"Root 2"
浏览 22提问于2019-02-24得票数 1
回答已采纳
1回答
我希望将动态数据插入到作为jstree工作的div容器中。然而，我没有任何风格或任何东西。
html = '<ul><li>Root node 1<ul><li id="child_node_1">Child node 1</li><li>Child node 2</li></ul></li><li>Root node 2</li></ul>';
$('#div_tree_content').html(h
浏览 2提问于2015-07-29得票数 1
回答已采纳
1回答
我使用jsTree来表示文件和文件夹的树。我想把文件夹从一棵树移到另一棵树上。
因此，我启用了拖放插件(dnd)。
不幸的是，如果我也使用“type”插件，它就不能工作。
你有什么建议吗？
非常感谢!
我在下面张贴相关代码
<script>
function buildTrees() {
var myTypes = {
"mg1": {
"max_depth": 1,
"valid_children": ["e
浏览 2提问于2014-02-10得票数 0
我想创建一个ASP.NET MVC 5应用程序，它使用jsTree ()。我在运行时使用ASP.NET AJAX动态加载页面。在动态加载的部分视图上，我可以在哪里初始化jsTree？
当我启动web应用程序时，一切都很好。我看到这棵树是这样的
但是现在我点击'Change‘，一个部分视图通过一个Ajax.ActionLink加载。现在，树将不再呈现为一个TreeView，而是作为一个普通列表呈现：
您可以像这样初始化树：
$('#treeView').jstree();
如何为动态加载的部分视图初始化TreeView？我尝试了Action的OnCom
浏览 2提问于2015-04-02得票数 0
回答已采纳
1回答
我使用jsTree插件来列出文件系统中的文件夹。在满足特定条件之前，我需要防止用户更改为另一个节点。
下面的代码不会停止传播..。我看到了一些解决方案与其他插件，但这是一个简单的任务，它必须是可能的，没有其他插件。
$('#jstree').on('select_node.jstree', function (e)
{
if (!changeAllowed()
{
e.preventDefault();
e.stopImmediatePropagation();
}
});
浏览 1提问于2014-06-28得票数 6
回答已采纳
我使用的是。我有大约10个顶级项目，都有不同级别的孩子。我想让顶级项目始终处于打开状态。
有人知道怎么做吗？
编辑：
只是为了澄清一下，即使有人点击了这些项目，我也希望它们保持打开状态
我想我的代码的这一步需要做一些事情，我只是不确定到底是什么：
.delegate(".jstree-open>a", "click.jstree", function(event){
$.jstree._reference(this).close_node(this,false,false);
浏览 3提问于2012-12-10得票数 0
回答已采纳
我在用jsTree 1.0-rc3。我正在尝试查找操作结果参数，例如新位置父级、新位置顺序(给定父级的所有子元素中元素的索引)等。
data.rslt.op.attr("id") =旧父id
data.rslt.np.attr("id") =新父id
但不知道剩下的事。jstree在这里缺少文档，我花了几个小时来处理它，我已经没有任何想法了。顺便说一句，能不能请大家对结果缩写进行解码，这些缩写是：
cop
cp
cr
np -新父母
o
op -老父母
or
ot
p
r
rt
我喜欢jstre
浏览 4提问于2013-04-09得票数 4
我使用带有JsTreeGrid插件的JsTree。https://github.com/deitch/jstree-grid 我想得到父节点的数量，将它与当前节点的数量相乘，得到扩展数量。 请参见代码： grid: {
columns: [
{header: "Title", value: function(node){return(node.text);}},
{width: 150, header: "Quantity", value: function(node){return(node.data.quantity
浏览 31提问于2019-02-27得票数 0
回答已采纳
1回答
我使用的上下文菜单是jsTree，下面是我的代码：
"contextmenu" : {
"items": function ($node) {
return {
"create": {
"separator_before": false,
"separator_after": false,
"label": "Créer",
浏览 0提问于2018-06-22得票数 0
回答已采纳
我有一个扩展，它有一个popup.html，它包含一个很大的jstree。我想要做的是:当用户在浏览器窗口打开后第一次单击弹出窗口时，将获取用于填充jstree的数据。对弹出窗口的后续点击将保留所生成的html，因此不再需要生成树。
换句话说，我只想生成一次jstree，并让popup将其html的内容保存在内存中。这可行吗？
下面是popup.js代码：
$(document).ready(function() {
var backgroundPage = chrome.extension.getBackgroundPage();
function logIt(text)
浏览 2提问于2013-02-15得票数 2
我在web上的几个地方找到了jsTree的create/get_node函数，但无法使其工作。当用户单击一个按钮时，我需要使用它的Id获取父节点并创建一个子节点(参见)。这段代码有什么问题？
这是HTML：
<form>
<input value="Create Child" type="button" onclick="createChild();" />
</form>
<div id="treediv" />
这是javascript：
var sqltree
浏览 5提问于2014-05-22得票数 0
回答已采纳
我正在使用JQuery和jsTree，对于闭包是如何工作的，我遇到了一些困惑。
我有一个有.jsTree成员的对象和一个.populateTree方法。使用字符串数组调用该方法，并使用该数组创建jsTree的节点。
jsTree构建一个树控件，其中每个节点都有一个锚点""，其中包含节点的文本。我想让点击文本打开或关闭节点，就像单击树中的+/-按钮一样。因此，我试图添加一个click()函数来实现这一点，而且我得到了意想不到的行为。
下面是代码：
populateTree: function populateTree(nodeNames)
{
if (!this.jsTr
浏览 5提问于2011-03-31得票数 2
回答已采纳
请参见屏幕截图。我正在尝试对未选择直接父节点的选定节点的价目表价格进行求和。在附加的示例中，该和将是8.97 (2.62 + 0.29 + 0.29 + 0.29 + 0.29 + 2.57 + 2.62)。有什么建议吗？
下面是jstree div的HTML：
<div aria-activedescendant="j1_7" aria-busy="false" aria-multiselectable="true" aria-selected="false" class="jstree jstr
浏览 0提问于2017-07-09得票数 0
1回答
滚动条继续在jstree中滚动。
、、、、
在jstree插件和jquery的帮助下，我将一组数据显示为树。
数据在树结构中显示得很好。在展开树中的最后一个节点时，滚动条出现在div块的右侧。
问题:但是，如果我在树中使用鼠标在滚动条上导航，滚动条将继续向下滚动，而不会向上滚动。
我已经到了绝境，原因是什么呢？我正在使用浏览器。
请帮帮忙。
样本代码如下：
css：
.myScrollableBlock {
display: block;
height: 170px;
overflow: auto;
}
.jsp：
<div id="myTreeDiv" class="myScrollableB
浏览 16提问于2014-09-12得票数 6
回答已采纳
取消选择和悬停函数可用于fina，但不能用于创建/删除/重命名。
做错了什么？
info.json包含5个标记为1到5的节点。
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="jstree\dist\themes\default\style.min.css" />
<script src="jstree\dist\jstree.js
浏览 0提问于2014-02-19得票数 3
2回答
我需要翻译jsTree中的上下文菜单(当你点击右键时它会显示)，此时我创建了新的文件jstree.contextmenu.pl.js，复制了jquery.jstree.js中的一些代码，并进行了自己的更改。它是有效的，但我不确定这是不是最好的选择。
$.jstree.plugin("contextmenu", {
__init : function () {
this.get_container()
.delegate("a", "contextmenu.jstree", $.proxy(f
浏览 3提问于2013-06-06得票数 1
回答已采纳
我有一些代码，在这些代码中，我需要能够将子节点添加到jstree中，jstree本身包含子节点。下面的代码将“child2”节点正确地添加到“child1”中，但忽略了child3数据。任何帮助都非常感谢。代码如下：
<html>
<head>
<script type="text/javascript" src="http://static.jstree.com/v.1.0rc2/jquery.js"></script>
<script type="text/javascript" src=
浏览 2提问于2010-08-17得票数 6
我正在使用
我构建了一棵树，叶子节点包含一个href，然后在同一个页面上的iFrame中打开它。这是由在jstree中选择节点时绑定到的函数完成的，该函数检查节点是否具有真正的href，然后相应地修改iFrame，否则它将打开该节点。
<div class="container-fluid">
<div class="row">
<div class="col">
<div id='songchanges'>
浏览 1提问于2019-03-25得票数 0
回答已采纳
1回答
我有一个项目列表(由JSTree生成)。我想通过一个不同的HTML结构中已经对我起作用的伪元素突出显示项目的整行。现在，对于生成的元素，z-索引被搞乱了。项目的z-索引现在是-1。如果我将它更改为1，它将出现在所有链接的前面，但应该是背景。无论我选择什么值，我都不能让高亮显示在背景前面，而是显示在链接后面。
下面是html代码的一部分：
<div id="jlayout_west_center" class="center" style="width: 300px; height: 897px; left: 0px; top: 0px; posit
浏览 5提问于2013-05-28得票数 3
回答已采纳
我有一个使用jstree的页面，我想知道在实例化它之后是否可以添加更多的选项。在这种情况下，我想添加dnd插件，这取决于用户是否指定了该角色。
我就是这样实例化它的：
$treeview.jstree({
"core" : {
"check_callback" : function (operation, node, node_parent, node_position) {
}
,"multiple":false
}
,"plugins" : [ "
浏览 1提问于2014-09-16得票数 1
回答已采纳
我使用的是jstree，在单击按钮后，我希望通过它的ID删除特定的节点。
这是我的html列表格式的树：
<div id="testtree">
<ul>
<li id="1" title="ID:1"><a>Fruits and Vegetables</a>
<ul>
<li id="11" title="ID:11"><a>Fruit</a>
浏览 3提问于2013-08-22得票数 6
回答已采纳
使用jsTree时，当我试图读取数据对象时，我得到的data.rslt是未定义的。
下面是我的jQuery，创建一个树，加载JSON，并在加载时将data.rslt对象输出到控制台。
$(function () {
$("#demo1").jstree({
"plugins" : [ "themes","json_data","ui", "crrm" ],
"json_data" : {
"ajax"
浏览 1提问于2012-03-13得票数 2
回答已采纳
我试图使用python (Selenium )从列表中搜索一个字符串。
<li role="treeitem" aria-expanded="true" id="List" class="jstree-node jstree-open">
<i class="jstree-icon jstree-ocl"></i>
<a class="jstree-anchor" href="#"><i class="jst
浏览 0提问于2016-04-26得票数 1
回答已采纳
1回答
在我的mvc应用程序中，我使用了jsTree，
我的观点
@{
ViewBag.Title = "OnDemand";
}
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/jstree.min.js"></script>
<h2
浏览 0提问于2015-08-18得票数 0
3回答
单击节点时是否打开分支？
、、、
我被困在这里了。到目前为止，它工作正常，我可以使用+图标浏览和展开节点，并在单击节点时打开页面，但我仍然希望每当有人单击节点时，它都能展开所有直接节点。
我看了至少2个小时，什么也没找到。官方网站不是很有帮助，因为他们没有足够的例子，而且文档也不是很好。看一下这个，但对我来说也不起作用：
我甚至没有在firebug中收到错误消息
下面是我的代码现在的样子，tree init：
$(function () {
$("#jstree").jstree({
....
点击节点触发的函数
.delegate("a","click", fu
浏览 0提问于2010-12-20得票数 26
1回答
我有这个JStree，其中有文件的链接，我只想在新选项卡中打开。但是，即使在将目标设置为_blank之后，也不会在新选项卡中打开它。 <div id="jstree" class="jstree jstree-1 jstree-default" role="tree" aria-multiselectable="true" tabindex="0"
aria-activedescendant="j1_11" aria-busy="false">
<
浏览 16提问于2019-10-04得票数 0
回答已采纳
2回答
我试图通过点击一个treeview来达到一个元素。我可以点击通过第一层的设备，但我被困在下一个层次。
这是一个来自浏览器窗口的截图。
下面是HTML代码的简化版本。
<ul class="jstree-container-ul jstree-children" role="group">
<li role="treeitem" id="devices" class="jstree-node jstree-open">
<i class="jstree-
浏览 4提问于2017-08-31得票数 3
回答已采纳
如何在创建jsTree之前修改ajax响应？我想访问每个节点ID并为其添加前缀。在jsTree页面上，唯一的线索是:函数将接收两个参数-正在加载的节点和一个函数“。我需要在实际创建树之前这样做，以避免在文档中出现重复的ID。
"json_data" : {
"ajax" : {
"type": "GET",
"url" : "tree.json"
},
"data" : function(node, func){
//how to use that?
浏览 0提问于2011-08-30得票数 4
回答已采纳
1回答
我想要添加一个文件夹打开关闭图标关闭和展开和叶图标的叶节点。
请帮帮忙
编辑
尝试添加类型插件，但似乎不起作用。
var data = {
'core': {
'data': dataObj
},
"search": {
"case_insensitive": true,
"show_only_matches": true
},
"plugins": ["search&
浏览 2提问于2016-02-26得票数 3
回答已采纳
我正在使用JQuery的html()方法来获取页面上div的超文本标记语言。但是，它也会返回一个包含所有JQuery生成的代码的字符串：
<ul><li id="fact_1" class="jstree-open"><ins class="jstree-icon"> </ins><a><ins class="jstree-icon"> </ins>Factory 1: (1-1000)</a><
浏览 1提问于2013-12-20得票数 0
我的D3树状图有一个小问题。当我点击element时，我的图表缩放到了这个元素上，但是图表已经离开了我的div。我希望图表留在我的区块卡中导航这是我的图表代码： function showtreemap(data, target) {
//console.log(d3.schemeCategory20c)
const tileWidth = 100
const tileHeight = 100
const tileScale = d3.scaleOrdinal().range(d3.schemeAccent)
var tileXscale = d3.scaleL
浏览 25提问于2020-09-07得票数 0
回答已采纳
如果我有一个嵌套的HTML (无序)列表，如下所示：
<<ul style="">
<li class="jstree-last jstree-open" id="wfo-7000000004">
<ins class="jstree-icon"> </ins>
<a class="" href="taxon/wfo-7000000004">
<ins class="jstree-icon
浏览 0提问于2019-06-03得票数 1
如何选择给定类型中位于给定类型元素之上的最接近的元素？
比如说..。
this当前是$('#j1_95_anchor')，我希望选择id为15.0的<li>。注意，我目前没有这个id值。
<ul role="group" class="jstree-children" style="">
<li role="treeitem" aria-selected="false" aria-level="3"
aria-labelledby
浏览 0提问于2018-10-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
