先上代码
<table class="table" style="height:800PX">
<tr>
<td width="100" class="va-t">
<ul id="treeDemo" class="ztree">
</ul>
</td>
<td class="va-t"><iframe ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO width=100% height=100% SRC=""></iframe></td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function(){
var setting = {
view: {
dblClickExpand: false,
showLine: false,
selectedMulti: false
},
callback: {
beforeClick: function(treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("tree");
if (treeNode.isParent) {
zTree.expandNode(treeNode);
return false;
} else {
demoIframe.attr("src","list_user.html");
<!-- demoIframe.attr("src",treeNode.file + ".html"); -->
return true;
}
}
}
};
var zNodes;
$.ajax({
url:"getProducts",
type:"post",
datatype:"json",
async:false,
success:function(data){
alert(data);
zNodes=data;
}
});
var t = $("#treeDemo");
t = $.fn.zTree.init(t, setting, zNodes);
demoIframe = $("#testIframe");
//demoIframe.on("load", loadReady);
var zTree = $.fn.zTree.getZTreeObj("tree");
});
var code;
function showCode(str) {
if (!code) code = $("#code");
code.empty();
code.append("<li>"+str+"</li>");
}
</script>
我这样写控制台老是报错。
然后我把ajax返回来的data,直接写到zNodes上,不用ajax,就可以正常显示出来。
[{"id":"0","name":"cpfl","pid":"0"},{"id":"1","name":"FCRS","pid":"0"},
{"id":"2","name":"FCJS","pid":"0"},{"id":"3","name":"FARS","pid":"0"}]
这个是返回的json数据。