个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我正在尝试使用来自 http://mbraak.github.io/jqTree/#tutorial 的 jqTree
我的页面是
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Json Parser </TITLE>
<link rel="stylesheet" href="css/jqtree.css">
<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/tree.jquery.js"></script>
<script type="text/javascript">
$(function() {
var data = [{"tweetText":"RT @dna: IPL spot-fixing: Jagmohan Dalmiya still clueless about N Srinivasan's return http://t.co/PwDniu8sJg","urlsMentioned":[],"usersMentioned":[{"userId":17710740,"screenName":"dna","userName":"dna"}],"source":"<a href=\"http://twitter.com/download/android\" rel=\"nofollow\">Twitter for Android</a>","tweetId":362907208733827100,"reTweetCount":12,"reTweeted":true,"createdDate":"Thu Aug 01 12:06:35 UTC 2013","user":{"location":"","userId":24525170,"screenName":"varuntripathi1","userName":"varun","profileDescription":"","language":"en"},"reTweetedStatus":{"tweetText":"IPL spot-fixing: Jagmohan Dalmiya still clueless about N Srinivasan's return http://t.co/PwDniu8sJg","urlsMentioned":["http://dnai.in/bAoD"],"usersMentioned":[],"source":"<a href=\"http://twitter.com/tweetbutton\" rel=\"nofollow\">Tweet Button</a>","tweetId":362606709404991500,"reTweetCount":12,"reTweeted":false,"createdDate":"Wed Jul 31 16:12:31 UTC 2013","user":{"location":"India","userId":17710740,"screenName":"dna","userName":"dna","profileDescription":"We are India’s favourite English daily delivering news, views & analyses. Follow us for real-time news updates. PS: This Twitter feed is not operated by a bot.","language":"en"},"hashTags":[]},"hashTags":[]}]
$('#tree1').tree({
data: data
});
});
</script>
</HEAD>
<BODY>
<div id="tree1">
</div>
</BODY>
</HTML>
它不显示任何值。但它对数据来说很好用变种数据= [ { 标签:'node1'， children : [ {标签:'child1'}， {标签:'child2'} ] }, { 标签:'节点2'， children : [ {标签:'child3'} ] }];
即使两个 json 都是有效的。我将如何解决这个问题或任何其他可用于选择 json 节点的 js。
是否有其他js可以查看json。
提前致谢。
最佳答案
您可能已经知道，有效的 JSON != 有效的数据。
您需要向构造函数提供符合其要求的数据。
在jqTree的情况下，就是
[
{
"label":"node 1",
"children": [
{
"label": "node 1.1"
},
{
"label": "node 1.2"
}
]
},
{
"label": "node 2"
}
]
等等
因此，您需要一个函数来重新格式化数据，例如:
function formatData(arr) {
var label, data = [], obj, node;
if(!$.isArray(arr)) {
arr = [arr];
}
console.log(arr);
var l = arr.length, i;
for(i=0; i< l; ++i) {
node = {};
obj = arr[i];
node.label = obj.user.screenName + ": " + obj.tweetText + " (" + obj.createdDate + ")";
if(typeof obj.reTweetedStatus == "object") { //fetch children
node.children = formatData(obj.reTweetedStatus);
}
data.push(node);
}
return data;
}
这会返回类似的东西
[{
"label": "varuntripathi1: RT @dna: IPL...Jg (Thu Aug 01 12:06:35 UTC 2013)",
"children": [{
"label": "dna: IPL spot-fixing: Ja...Jg (Wed Jul 31 16:12:31 UTC 2013)"
}]
}]
这将创建一个看起来像这样的树:
附带说明一下，我相信您很难用 jqTree 做您想做的事。在我看来，定制相对困难。
您可以找到更多可配置的 jQuery 树小部件，例如 jsTree或 zTree在 jQuery's plugin site .
我使用 zTree 创建了一个简短示例，它根据您的数据生成了以下树: 
Demo
关于javascript - jqTree 显示未定义的有效 json，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17992788/
28
4
0
如何使用 php 生成对 jqtree 的 json 响应？我尝试过 json_encode，但它留下了很多额外的数据。我想知道是否有人已经 pry 开了这扇门。 如何实现这样的结构: var dat
我正在尝试使用来自 http://mbraak.github.io/jqTree/#tutorial 的 jqTree 我的页面是 Json Parser
我正在尝试在 Electron 应用程序中使用 jqtree。我已经能够让它做我需要它做的一切。但是，我在将它定位在窗口上时遇到了问题。 我的 index.html 文件如下所示:
以下是我的代码: var nodeData = ${jsonArray}; // my json data $('#tree1') .tree(
我想要一些非常简单的东西: 一个 jQuery 小部件，呈现可折叠的树。我希望国家得到拯救。我想控制初始状态。我想让它看起来非常漂亮。当用户单击链接时，我希望它导航到那里。简单。 在我看来，Jqtre
我正在尝试为以下构建 jqtree 的数据创建树 json var data = [ { "director": "Name1", "name": "sub-s
我正在尝试使用 jqTree 显示一棵树 - http://mbraak.github.com/jqTree 我需要有关从 JSON 创建树数据的帮助。 我的 JSON 数据如下所示: { "
第一张图片是我的 jqTree 在第一次加载页面时的样子: 当我关闭然后重新展开“USA”节点时，这就是它重新展开的内容: 在 Google Chrome 调试器中检查它时: 您可以看到，出于某种原因
我正在尝试使用 jqTree 呈现可折叠树，以使用 AJAX 通过 ASP.NET 项目显示来自 MySQL 数据库的数据。 问题: 我可以成功地从我的 AJAX 调用中获取包含 jqTree 格式数
好的，我有一个简单的嵌套列表，样式为 jqTree . 玩检查器，我注意到附加的类，负责突出显示元素的是 jqtree-selected。 而且整个过程都很好。 除了一件事: 无论选择哪个元素，我都希
我需要创建一个有效的 jqTree来自 Active Directory OU 的 JSON 结构。我正在为此使用递归方法 (InfoNode) 进行测试，但我无法获取它。 生成的 json 进入字符
在 jqTree 中，将以下代码放在 HTML 文件顶部的 JavaScript block 中将生成一个小 TreeView 。 var data = [ { label: 'node1',
我正在尝试使用编辑器和其他东西创建文档管理。 我得到以下代码: {l
(JS、jQuery 和 jqTree 新手) 我正在尝试重写一个方法 ( JqTreeWidget.prototype.openNode ) 从一个 .js 文件 ( tree.jquery.js
我是一名优秀的程序员,十分优秀！