Jquery Json结果作为链接
因为我有0个javascript和json背景,所以使用Jquery Json结果作为链接,jquery,json,Jquery,Json,因为我有0个javascript和json背景,所以使用 动画树-jqueryeasyui演示 动画树 将“animate”属性应用于true以启用动画效果 如何将结果显示为可单击链接?类似于使用带有的树,我的意思是,当单击时,让json数据的每一项都打开一个url。比如说: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic Tree
动画树-jqueryeasyui演示
动画树
将“animate”属性应用于true以启用动画效果
如何将结果显示为可单击链接?类似于使用带有
的树,我的意思是,当单击时,让json数据的每一项都打开一个url。比如说:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Tree - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<h2>Basic Tree</h2>
<p>Click the arrow on the left to expand or collapse nodes.</p>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" style="padding:5px">
<ul class="easyui-tree">
<li>
<span>My Documents</span>
<ul>
<li data-options="state:'closed'">
<span>Photos</span>
<ul>
<li><a href="www.google.com">Google</a></li>
<li><a href="www.altavista.com">Altavista</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
基本树-jqueryeasyui演示
基本树
单击左侧的箭头以展开或折叠节点
-
我的文件
-
照片
提前感谢。我可以使用以下方法解决此问题:
<ul class="easyui-tree"
data-options="
url:'jj.json',
method:'get',
animate:true,
formatter:function(node){
var s = node.text;
if (node.server){
s = '<a href=\'http://'+ node.server +'\'>' + node.server + '</a>';
}
return s;
}
">
</ul>
“可点击的链接是什么意思?”putvande补充了更多关于这个问题的细节
<ul class="easyui-tree"
data-options="
url:'jj.json',
method:'get',
animate:true,
formatter:function(node){
var s = node.text;
if (node.server){
s = '<a href=\'http://'+ node.server +'\'>' + node.server + '</a>';
}
return s;
}
">
</ul>
[{
"id":1,
"text":"Environment",
"children":[{
"id":11,
"text":"ENV",
"state":"closed",
"children":[{
"id":111,
"server":"localhost"
},{
"id":112,
"server":"server b"
},{
"id":113,
"server":"server c"
}]
}]
}]