Tag: treeview

如何将文件路径转换为treeview?

现在我在python中有一些文件具有以下文件路径格式: a/b/c/d/e/file1 a/b/c/d/e/file2 a/f/g/h/i/file3 a/f/g/h/i/file4 现在,当我在Python中获取这些路径时,我想将其转换为第三方jquery插件(例如fancytree,jqxTree)可以读取的JSON格式,以便将其转换为树视图。 也许还有其他更简单的方法,请建议。 谢谢!

如何使用php / javascript制作预折叠的TreeView

我用php / javascript做了一个树视图。 在页面加载时,我无法弄清楚如何使其预折叠。 这是代码,附带想法。 0){ echo “”; while($row=mysql_fetch_assoc($query)){ echo ” “.$row[‘name’]; getChildren($row[‘entry_id’]); } echo “”; } else echo “Empty base”; function getChildren($parent_id){ $query=mysql_query(“SELECT tree_entry_lang.entry_id, tree_entry_lang.lang, tree_entry_lang.name, tree_entry.parent_entry_id FROM tree_entry,tree_entry_lang WHERE tree_entry.entry_id=tree_entry_lang.entry_id AND parent_entry_id=”.$parent_id); $numrows=mysql_num_rows($query); if($numrows>0){ echo “”; while($row=mysql_fetch_assoc($query)){ echo ” “.$row[‘name’]; getChildren($row[‘entry_id’]); } echo “”; echo “”; } } 这是jQuery部分: $(‘.collapsableTree’).click(function () { $(this).parent().children().toggle(); […]

转换扫描对于className JavaScript块以使用jQuery

我有一个小块我想转换为使用jQuery用于几个不同的目的,但主要是逆向工程如何工作来提高我的jQuery技能。 我尝试了一下,但无法弄清楚所有的转换。 以下Javascript块迭代通过ASP.NET TreeView控件客户端呈现的复选框,并扫描带有className=disabledTreeviewNode复选框(此等效function无法实现纯粹的服务器端)。 function DisableCheckBoxes(treeviewClientID) { var treeView = document.getElementById(treeviewClientID); if (treeView) { //Get all the checkboxes which are ‘inputs’ in the treeview var childCheckBoxes = treeView.getElementsByTagName(“input”); //Iterate through the checkboxes and disable any checkbox that has a className=”disabledTreeviewNode” for (var i = 0; i < childCheckBoxes.length; i++) { var textSpan = childCheckBoxes[i].parentNode.getElementsByTagName("span")[0]; if […]

Knockout JS treeview与复选框

我的淘汰应用程序中有一个模块,我想要一个带有复选框的树型结构。 我想要实现的目标如下 如果我选择子节点,则该节点中的所有父节点和祖父节点都会被选中但具有不同的图标。 像这样的东西 如果用户选择父级,则选择其所有子级 在开始为它制作我自己的插件之前,淘汰赛有没有类似的东西,我可以作为基础并在其上构建吗?

将HTML select元素转换为带子菜单的树

我希望select元素以树形方式具有子菜单。 我希望它是这样的: alt text http://sofzh.miximages.com/javascript/rmenu.gif 有没有一个jQuery插件可以将一个选择元素变成这种东西?

基于xpath值创建动态xml树

我想在xpath上创建一个动态xml树。 假设我的xpath值是 Product/Organization/RegisteredDetail/something 我希望以下列格式提供价值。 valueOfSomething 简而言之,我想通过读取xpath来创建树视图/树表。 我想将值放在最内层的子节点上,并在树结构中显示值的位置,或者只是以树forms显示子节点的位置。 xpath的值将有所不同。 任何使用java或jquery的建议都对我有价值。 我试图实施@ThW给出的建议。 我做了一些修改: var dom = document.implementation.createDocument(“”, “”, null); var node = dom; 新代码: var pathmap = new Object(); var path1 = ‘Product/Organization/RegisteredDetail/something’; var path2 = ‘Product/Organization/RegisteredDetail’; var path3 = ‘Product/Organization/RegisteredDetail/anything/nothing’; pathmap[path1] = ‘Product/Organization/RegisteredDetail/something’; pathmap[path2] = ‘Product/Organization/RegisteredDetail’; pathmap[path3] = ‘Product/Organization/RegisteredDetail/anything/nothing’; console.log(pathmap); for (var path in pathmap) { […]

onCollapse将parent设置为选定节点,如果已选择子/孙(bootstrap treeView)

我有工作bootstrap树视图。 我想在此添加一个function。 https://jsfiddle.net/evk9yfum/ https://github.com/jonmiles/bootstrap-treeview (使用插件) 例如:onNodeCollapsed:如果已经选择了折叠节点的child / grandChild。 然后,当前的collpased节点应显示为选定节点。 然后展开这个相同的节点。 它应该显示其/最后选择的或child / grandChild节点。 onNodeCollapsed: function(event, node) { $.each(node.nodes, function() { if (this.state.selected) { $(‘#treeview-selectable’).treeview(‘selectNode’, [node.nodeId, { silent: true }]); return; } }); }

如何访问服务器上的Jquery TreeView?

如何在表单提交时访问.aspx文件中的Jquery Treeview? 另外,我可以动态添加节点到Jquery Treeview吗? (在客户端) 我正在使用asp.net网络表单,c# 编辑:有人在其中一个问题中提到了以下内容:“在表单提交时,有人将不得不在客户端编写代码来收集数据并通过Ajax将其发送到服务器方法” 怎么做的?????

jQuery展开折叠定义列表(DL)中的所有DT标签

这是我想要完成的一个例子,除了它使用列表(UL和LI): http : //homework.nwsnet.de/news/ea21_turn-nested-lists-into-a-collapsible-tree-with -jquery 我的数据使用DL,DT和DD标签构建,如下所示: Root Coffee black hot drink Milk white cold drink Beer European Heineken Mexican Corona 如何使用jQuery将每个DT(及其相应的DD内容)转换为可折叠/可扩展的节点,即树视图?

JQuery – 从数据动态生成图形树视图

我想动态生成一个树视图来表示应用程序中的用户连接,但我不希望它看起来像普通的树视图(看起来像文件系统结构),如下所示: 但更像是这样的流程图: 所以基本上我想以图形方式显示它而不是树视图,如果可能的话 – 能够放大和缩小。 怎么能实现呢? 你知道任何(JS或Jquery)工具吗? 谢谢 编辑: 为了不分散在这里,这些工具似乎正是我所追求的(在m90和Tats_innit的帮助下) thejit d3.js JS-思维导图 jOrgChart (顺便说一下 – 我现在要和thejit一起去)