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 easyui樹的問題， 請問怎麼從從資料庫得到easyui tree 所需json數據的格式

從資料庫中查詢數據後是放在datatable中的，然後一條一條取數據，按照json數據格式拼字元串

❸ jquery easyui 樹 怎麼構造樹形數據 從資料庫里生成樹的json數據

/*
* 組成前台所需要的JSON
*/
String [] columns1 = {"id", "name", "_parentId"}; //組成JSON所需要的列名，父結點必須命名為_parentId

StringBuffer returnStr = new StringBuffer("{\"total\":");
returnStr.append(list.size()); //list為sql查詢結果集，裡面也有3列，分別為id,name,parentId
returnStr.append(",\"rows\":[");
for (int i = 0; i < list.size(); i++) { // 遍歷記錄
if (i != 0) {
returnStr.append(",");
}
returnStr.append("{");
Object[] obj = (Object[]) list.get(i);
for (int j = 0; j < (obj.length - 1); j++) {
returnStr.append("\"" + columns[j] + "\":");
returnStr.append("\"" + obj[j] + "\",");
}
} else {
returnStr.append("\"" + columns[j] + "\":");
returnStr.append("\"" + obj[j] + "\"");
if (j != 2) {
returnStr.append(",");
}
}
}
returnStr.append("}");
}
returnStr.append("]}");

return returnStr; //返回組成好的JSON

❹ EasyUI tree綁定數據的幾種方式

第一種直接使用<ul>標簽方式，很容易就載入出來了：

class="code_img_closed" src="/Upload/Images/2013073018/0015B68B3C38AA5B.gif" alt="" />logs_code_hide('f6255e07-2992-44d7-8440-82bf2e943e6c',event)" src="/Upload/Images/2013073018/2B1B950FA3DF188F.gif" alt="" />
<ul id="tt" class="easyui-tree">
<li>
<span>編程語言</span>
<ul>
<li>
<span>C#</span>
<ul>
<li>
<span><a href="#">框架</a></span>
</li>
<li>
<span>Asp.Net</span>
</li>
<li>
<span>Winform</span>
</li>
</ul>
</li>
<li>
<span>Java</span>
</li>
<li>
<span>C++</span>
</li>
</ul>
</li>
<li>
<span>File21</span>
</li>
</ul>
View Code
第二種，在js中綁定：

<ul id="myTree"></ul>
$('#myTree').tree({
method: 'get',
url: 'tree_data1.json'

});
注意： tree獲取數據的HTTP方法默認是post，但是用post的時候卻報了謂詞錯誤， 所以指定了get ----》需要查查，還不了解因果。

json的數據格式：

1 [{
2 "id":1,
3 "text":"My Documents",
4 "children":[{
5 "id":11,
6 "text":"Photos",
7 "state":"closed",
8 "children":[{
9 "id":111,
10 "text":"Friend"
11 },{
12 "id":112,
13 "text":"Wife"
14 },{
15 "id":113,
16 "text":"Company"
17 }]
18 },{
19 "id":12,
20 "text":"Program Files",
21 "children":[{
22 "id":121,
23 "text":"Intel"
24 },{
25 "id":122,
26 "text":"Java",
27 "attributes":{
28 "p1":"Custom Attribute1",
29 "p2":"Custom Attribute2"
30 }
31 },{
32 "id":123,
33 "text":"Microsoft Office"
34 },{
35 "id":124,
36 "text":"Games",
37 "checked":true
38 }]
39 },{
40 "id":13,
41 "text":"index.html"
42 },{
43 "id":14,
44 "text":"about.html"
45 },{
46 "id":15,
47 "text":"welcome.html"
48 }]
49 }]
View Code
直接 的有點長

三，用data直接綁json：

$.ajax({
type: 'GET',
url: 'tree_data1.json',
success: function (result) {
var myJson = eval('(' + result + ')');
$('#myTree').tree({
data: myJson
});
}
});
這種方式綁定下面的這種json數據格式是有效的，但是方法二卻綁不上：

❺ EasyUi Tree 怎麼綁定自己的數據欄位。tree 的demo給的是id 和 text ,怎麼把別的查詢欄位綁定到這兩個上

var convertTreeData = function(rows) {

var nodes = [];
for(var i=0; i<rows.length; i++){
var row = rows[i];
nodes.push({
id:row.XX, // 這里綁定你的欄位

text:row.XX // 這里綁定你的欄位
state:row.XX,// 這里綁定你的欄位
checked:row.checked,// 這里綁定你的欄位
attributes:row.attributes// 這里綁定你的欄位
});

}

return nodes;
}

$.fn.tree.defaults.loadFilter = convertTreeData;

❻ 怎麼通過js獲得easyui下一個treegrid的數據源

var tab = $('#tt').tabs('getTab',0); // 取得第一個tab $('#tt').tabs('update', { tab: tab, options: { title: 'New Title' } });

❼ easyui combotree 綁定數據源

根據html裡面input的id或者select的id綁定就好了，這哪裡有問題嗎？

❽ easyui tree 根據搜索框模糊搜索節點具體代碼怎樣實現

1.在系統啟動時，會默認載入若干個樹節點數據(因為我的樹的數據量比較大，所以內不是一次性容把數據全部載入完，而是用戶點擊展開某個節點時，
再去資料庫載入相應節點的數據，如果是數據量比較小的話， 可以將所有節點一次性載入完成，在這個的基礎上做搜索定位會簡單很多）
2.當用戶輸入某個要定位節點的名稱之後，我會去資料庫中進行模糊匹配，找出該名稱的節點可能為哪些個。如果只匹配到一個則直接定位，
如果匹配了多個，則將這些節點的詳細信息展示出來，讓用戶自己選擇去定位具體的哪一個節點。
3.當用戶選擇定位某個節點後，再去資料庫中查找相關的節點信息。
4.在查詢出這些數據之後，我會將樹的原來的數據源給替換成要定位的數據也是數據data
5.在對樹的數據源進行更新處理之後，只需要將指定的節點展開，然後將定位設置為選中狀態並讓其處於當前窗口的視野范圍內就達到了搜索定位的效果。
當用戶單擊查詢按鈕時，把輸入框的值傳入到控制器，讓後台處理得到 輸入值的父節點(也許父節點任有父節點，所以要把全部的上級都給查出來)
然後根據最高級節點依次展開，這樣就實現了我的搜索功能！

❾ easyui datagrid loadFilter怎麼條件過濾數據

給你一個我寫好的分頁方法：

functionpagerFilter(data){//分頁事件
if(typeofdata.length=='number'&&typeofdata.splice=='function'){	//isarray
data={
total:data.length,
rows:data
}
}
vardg=$(this);
varopts=dg.datagrid('options');
varpager=dg.datagrid('getPager');
pager.pagination({
onSelectPage:function(pageNum,pageSize){
dg.datagrid('loading');
setTimeout(function(){
opts.pageNumber=pageNum;
opts.pageSize=pageSize;
pager.pagination('refresh',{
pageNumber:pageNum,
pageSize:pageSize
});
dg.datagrid('loadData',data);
},1);
},
onChangePageSize:function(pageSize){
vardgID=dg.attr("id");
$.cookie(dgID,pageSize,{expires:365});
}
});
if(!data.originalRows){
data.originalRows=(data.rows);
}
if(!opts.remoteSort&&opts.sortName){
vartarget=this;
varnames=opts.sortName.split(',');
varorders=opts.sortOrder.split(',');
data.originalRows.sort(function(r1,r2){
varr=0;
for(vari=0;i<names.length;i++){
varsn=names[i];
varso=orders[i];
varcol=$(target).datagrid('getColumnOption',sn);
varsortFunc=col.sorter||function(a,b){
returna==b?0:(a>b?1:-1);
};
r=sortFunc(r1[sn],r2[sn])*(so=='asc'?1:-1);
if(r!=0){
returnr;
}
}
returnr;
});
}
varmaxPage=Math.ceil(data.originalRows.length/parseInt(opts.pageSize));
maxPage=maxPage==0?1:maxPage;
opts.pageNumber=maxPage<opts.pageNumber?maxPage:opts.pageNumber;
varstart=(opts.pageNumber-1)*parseInt(opts.pageSize);
varend=start+parseInt(opts.pageSize);
data.rows=(data.originalRows.slice(start,end));
returndata;
}

$("#grid").datagrid({
.....前面的屬性略
loadFilter:pagerFilter
});

其實吧，我覺得，反正我用的時候，所有的Grid都是需要這個分頁方法的。所以，我就直接把grid的默認值改掉。這樣，就不用每個grid都去綁定loadFilter了。

if($.fn.datagrid){
$.fn.datagrid.defaults.loadFilter=pagerFilter;//分頁事件
}

希望能幫到你。