easyuitree大數據

❶ 大量數據的easyui tree後台怎樣實現查詢資料庫

第一種直接使用<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'}]
一般最好用雙引號

❷ 用easyui tree從後台傳data，遇到樹結構層級比較多的怎麼辦

不想影響性能只能非同步啊！不要想了，就非同步載入性能好了

❸ easyui treegrid 控制節點展開等級

我補充一下問題：其實我的問題是treegrid如何非同步載入節點數據?就是第一次載入的時候只把第一層的節點展示出來，這些節點下面的二級子節點不查詢出來，當用戶點擊某個節點的時候，才去查詢資料庫，顯示這個節點下面的子節點。

❹ easyUI tree 不顯示數據

你這個地方應該是 $('#tt').tree({
data:data
});

❺ jquery easyui tree 怎麼獲取整個樹的深度

easyuitree好像沒有提供樹的深度這個屬性，你可以根據

getRootnoneGettherootnode,returnnodeobject
getRootsnoneGettherootnodes,returnnodearray.
,.
,.

上面這些方法去計算哦。
api地址：http://www.jeasyui.com/documentation/tree.php

❻ 如何遍歷EasyUI的Tree

var nodes =$('#reserve_tree').tree('getChildren');
//獲取tree下的所有節點

❼ EasyUi tree 使用url 遠程載入數據後顯示出來 然後再進行遠程載入子節點數據 變成父子節點

$('#org_ul').tree({
onBeforeExpand:function(node){
varurl="/org/list?parentid="+node.codeitemid;
$("#org_ul").tree("options").url=url;
returntrue;
}
});

載入子節點使用節點展開事件onBeforeExpand，只有在展開才載入，你選中節點就不需要載入啦。內

讓這個樹的url重新賦值就可容以啦。。後台傳回相同格式的json數據就ok啦

成功了記得點贊

❽ 問大神們一個問題，easyui-tree多節點全部載入速度緩慢的解決辦法

全部載入的話 夠嗆啊 ie會崩潰 只能非同步載入了

❾ 求大神給個easyui tree的例子，感謝！

使用easyui需要頁面引用必須的js和css

<linkhref="../../../Easyui/themes/default/easyui.css"rel="stylesheet"type="text/css"/>
<linkhref="../../../Easyui/themes/icon.css"rel="stylesheet"type="text/css"/>
<scriptsrc="../../../Easyui/jquery-1.7.2.min.js"type="text/javascript"></script>
<scriptsrc="../../../Easyui/jquery.easyui.min.js"type="text/javascript"></script>
<scriptsrc="../../../Easyui/locale/easyui-lang-zh_CN.js"type="text/javascript"></script>

//easyuitree一般只需要url一個屬性即可顯示數據，tree會自動ajax載入數據
//至於點擊樹節點如何顯示相應頁面，tree的json數據格式裡面有attributes可以自定義url
//就像下面例子中的"attributes":{"jsUrl"……，下面的列子是我在js裡面拼接的treejson數據

/*********************************************************************************/
/*初始化樹*/
InitTree:function(){
/*初始化樹*/
$('#tree').tree({
animate:true,
//lines:true,
checkbox:false,
data:TableToXml.TreeData(),
onContextMenu:function(e,node){
e.preventDefault();//阻止瀏覽器默認右鍵菜單
//selectthenode
if(node.id!=-1&&node.id!=-2&&node.id!=-3){
$('#txt_xml').attr('disabled','true');
$('#btn_save').linkbutton('disable');
TableToXml.currtableName=node.id;
TableToXml.currJsUrl=node.attributes.jsUrl;
$('#mm').menu('show',{
left:e.pageX,
top:e.pageY
});
}
}
});
},
//組合樹json數據
TreeData:function(){
varTreeJson='[{"id":-1,"text":"Tables","children":[';

TreeJson+='{"id":-2,"text":"廢水污染源核算","children":[';
for(varj=0;j<TableToXml.tableArray[0].length;j++){
TreeJson+='{"id":"'+TableToXml.tableArray[0][j].split('$')[0]+'","text":"'+TableToXml.tableArray[0][j].split('$')[1]+'","attributes":{"jsUrl":"'+TableToXml.tableArray[0][j].split('$')[2]+'"}}';
if(j<TableToXml.tableArray[0].length-1)
TreeJson+=',';
}
TreeJson+=']},';


TreeJson+='{"id":-3,"text":"廢氣污染源核算","state":"closed","children":[';
for(varj=0;j<TableToXml.tableArray[1].length;j++){
TreeJson+='{"id":"'+TableToXml.tableArray[1][j].split('$')[0]+'","text":"'+TableToXml.tableArray[1][j].split('$')[1]+'","attributes":{"jsUrl":"'+TableToXml.tableArray[1][j].split('$')[2]+'"}}';
if(j<TableToXml.tableArray[1].length-1)
TreeJson+=',';
}
TreeJson+=']}]}]';
TreeJson=eval("("+TreeJson+")");
returnTreeJson;
},

另附API里tree

$('#tt').tree({
url:...,//tree會自動ajax後台獲取json格式數據(需要自己後台拼接)
loadFilter:function(data){
if(data.d){
returndata.d;
}else{
returndata;
}
}
});
多看看api吧……