- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试让 DynaTree(第一次使用它)工作,但运气不佳 - “树”仅显示为常规 HTML 列表。我确信这是一件微不足道的事情,但我没有看到它。
这是我的文件结构:
这是树所在的页面 (result.jsp):
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>IDT HL7 Search Results</title>
<link rel="stylesheet" type="text/css" href="css/messaging.css" />
<link rel="stylesheet" type="text/css" href="css/ui.dynatree.css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.dynatree.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.cookies.2.2.0.js"></script>
<!-- Add code to initialize the tree when the document is loaded: -->
<script type="text/javascript">
$(document).ready(function() {
// Attach the dynatree widget to an existing <div id="tree"> element
// and pass the tree options as an argument to the dynatree() function:
$("#tree").dynatree({
onActivate: function(node) {
// A DynaTreeNode object is passed to the activation handler
// Note: we also get this event, if persistence is on, and the page is reloaded.
alert("You activated " + node.data.title);
},
children: [
{title: "Item 1"},
{title: "Folder 2", isFolder: true, key: "folder2",
children: [
{title: "Sub-item 2.1"},
{title: "Sub-item 2.2"}
]
},
{title: "Item 3"}
]
});
$("a").click(function() {
alert("Hello world!");
});
});
</script>
</head>
<body>
<h2 class="center">IDT HL7 Search Results</h2>
<div id="search">
<fieldset class="search-fields">
<legend>Currently viewing</legend>
Site: <input type="text" name="currentSite" disabled="disabled" value=<%= request.getParameter("searchFor") %> />
CSID: <input type="text" name="currentCsid" disabled="disabled" value=<%= request.getAttribute("csidValue") %> />
RCR: <input type="text" name="currentRcr" disabled="disabled" />
<a href="index.jsp"><b>New Search</b></a>
</fieldset>
</div>
<br/>
<div>
<form>
<input type="checkbox" name="filterBy" value="Filter by:" /> Filter results by:
<input type="text" name="filterBy" />
</form>
</div>
<br/>
<div id="content">
<div id="sub-left">
<fieldset class="search-fields">
<legend>Files Found</legend>
<!-- Add a <div> element where the tree should appear: -->
<div id="tree">
<ul>
<li>Orders
<ul>
<li>From Client
<ul>
<li> document 1.1.1</li>
<li> document 1.1.2</li>
</ul>
</li>
<li>To Lab
<ul>
<li>document 1.2.1</li>
<li>document 1.2.2</li>
</ul>
</li>
</ul>
</li>
<li> Results
<ul>
<li> From Lab
<ul>
<li>document 2.1.1</li>
<li>document 2.1.2</li>
</ul>
</li>
<li>To Client
<ul>
<li>document 2.2.1</li>
<li>document 2.2.2</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</fieldset>
</div>
<div id="sub-right">
<fieldset class="search-fields">
<legend>Selected File Contents</legend>
<textarea rows="14" wrap="soft" readonly="readonly">
(select via tree on left)
</textarea>
</fieldset>
</div>
<div class="clear-both"></div>
</div>
</body>
</html>
有什么想法吗?谢谢!标记
最佳答案
您必须在 dynatree 之前包含 jquery 和 jquery-ui
关于jQuery DynaTree 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8809074/
我目前正在测试 Dynatree,我只想询问是否有可用的属性/参数可以为每个节点存储附加信息(如 ASP.NET TreeView 中的属性“值”)?提前致谢。 最佳答案 您可以使用带有 data 属
有什么方法可以找到dynatree的根节点详细信息吗?假设树有 5 层,我选择了第五层的节点。我想获取选定的节点及其父级详细信息,直到 root。提前致谢。 最佳答案 节点上的 visitParent
有什么办法可以找到dynatree的根节点详情吗?假设树有 5 层,我选择了第五层的节点。我想获得选定的节点及其父节点的详细信息,直到根。提前致谢。 最佳答案 节点上的visitParents 函数应
我有一棵包含多个项目和多个级别的完整树,该树是使用 ajax 调用构建的并使用惰性节点 所以现在我想添加这个函数,这样我的树就可以加载和选择项目,如果我给出完整的路径,但在我可以选择项目之前,我需要确
我使用 Dynatree 获取 TreeView ,现在我想展开/折叠所有节点,但只有树的最后一个节点展开。 你可以在 fiddle 中看到这个效果:http://jsfiddle.net/aA76N
我在页面上有两个动态树对象实例。我用各种 XML 数据填充了树。有一个 onChange 事件,使树更改它们正在使用的数据。我在更改期间做的最后一件事是对数据进行排序。当我调用排序函数时,它会为两个实
我正在创建动态树。我想设置在打开动态树时选择动态树的第一个节点。我在 json 中为第一个元素设置 select= tree 。但它不起作用。我想跳过在 json 中添加 select 属性。最好在
我正在尝试让 DynaTree(第一次使用它)工作,但运气不佳 - “树”仅显示为常规 HTML 列表。我确信这是一件微不足道的事情,但我没有看到它。 这是我的文件结构: 这是树所在的页面 (resu
我的页面上 Dynatree 运行良好。我正在使用 initAjax 来获取结构。当我生成 json 时,我会在适当的位置添加 "select": true 来选择复选框。大多数(所有)复选框都位于从
我使用 Dynatree ( http://wwwendt.de/tech/dynatree/index.html ) 创建了一个树形导航菜单。该树有四个级别:公司、组、用户和计算机。树中的每个对象都
我想要一个复选框树形式,我使用 dynatree jquery 树来做到这一点。然后我发现 dynatree 不使用真正的复选框,所以我将 html 复选框放置在树内。 它工作正常,直到我意识到当节点
dynaTree 始终显示其节点的图标(第 1 部分)。 是否可以关闭节点图标并使其显示为图像第 2 部分? 最佳答案 可以在节点数据中设置"icon": false来移除图标。 关于javascri
我有固定高度和垂直滚动条的 dynatree。 node.activate();选择我正在搜索的节点,但不移动垂直滚动条,所以我必须手动滚动才能看到事件节点。 我如何以编程方式滚动它? 感谢 mar1
我正在寻找一个 javascript 解决方案,它可以将无序列表添加到带有复选框的树 View 中。 到目前为止,我见过的最好的是 Dynatree .但是,查看页面和 fiddle ,我了解到有一个
我想开始在我的页面上使用 Dynatree,但是我可能需要按名称搜索我的树。你知道怎么做吗? 最佳答案 我不仅需要匹配节点,还需要这些节点的完整路径。我写了这个功能,它对我有用。 库的修改: var
在具有 vista-skin 的 dynatree 中,当您将鼠标悬停在树项目上时,它会出现悬停效果,并且背景为蓝色。 此外,当您单击该项目进行检查时,它在 Chrome 中具有橙色边框,在 IE 中
我查看了文档,似乎没有办法获得给定节点的子节点数组... 类似的东西 if (parentNode.hasChildren() == true) { alert('yay');
我的网页上有一个链接 mylink 在我的js脚本中我有 $(document).ready(function() { $("#tree").dynatree({ persist: true,
http://wwwendt.de/tech/dynatree/index.html 是否可以禁用单个节点?如果是这样,怎么办? 最佳答案 目前只有“不可选择”节点属性。解决方法可能是让 onQuer
我在我的网站上安装了 dynatree 1.2.4,以显示电子邮件存档解决方案中的一系列文件夹。文件夹通过 AJAX 检索,然后在调用 dynatree 代码之前进行格式化 function fold
我是一名优秀的程序员,十分优秀!