easyui-tree绑定数据的几种方式
1个回答
展开全部
第一种直接使用<ul标签方式,很容易就加载出来了:1<ulclass="easyui-tree"2<li3<spanMy Documents</span4<ul5<li data-options="state:'closed'"6<spanPhotos</span7<ul8<li9<spanFriend</span10</li11<li12<spanWife</span13</li14<li15<spanCompany</span16</li17</ul18</li19<li20<spanProgram Files</span21<ul22<liIntel</li23<liJava</li24<liMicrosoft Office</li25<liGames</li26</ul27</li28<liindex.html</li29<liabout.html</li30<liwelcome.html</li31</ul32</li33</ul第二种,在js中绑定:<ulid="myTree"</ul
$('#myTree'
).tree({method:'get',
url:'tree_data1.json'});注意:easyui tree获取数据的HTTP方法默认是post,但是用post的时候却报了谓词错误, 所以指定了get ----》需要查查,还不了解因果。
三,用data直接绑json:
$.ajax({type:'GET',
url:'tree_data1.json',
success:function(result) {varmyJson = eval('(' + result + ')');$('#myTree'
).tree({data: myJson});}});这种方式绑定下面的这种json数据格式是有效的,但是方法二却绑不上:
[{ 'text':'.Net','state':'closed','children':[{'text':'C#'},{'text':'asp.Net'}]},{'text':'Java'}]
一般最好用双引号
$('#myTree'
).tree({method:'get',
url:'tree_data1.json'});注意:easyui tree获取数据的HTTP方法默认是post,但是用post的时候却报了谓词错误, 所以指定了get ----》需要查查,还不了解因果。
三,用data直接绑json:
$.ajax({type:'GET',
url:'tree_data1.json',
success:function(result) {varmyJson = eval('(' + result + ')');$('#myTree'
).tree({data: myJson});}});这种方式绑定下面的这种json数据格式是有效的,但是方法二却绑不上:
[{ 'text':'.Net','state':'closed','children':[{'text':'C#'},{'text':'asp.Net'}]},{'text':'Java'}]
一般最好用双引号
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询