easyui核取方塊樹動態載入後台資料

2021-08-05 20:42:48 字數 2328 閱讀 5908

檢視了一下api,

給一組json資料,其中要包括必要的樹控制項的屬性,這下就有了思路。可以順著思路走,既然它需要這些屬性,那麼我們就建立乙個model,其中包括這些屬性,名稱要相同哦,

1

public

class

treemodel24

5public

string text 67

public

string state 89

public

string iconcls

1011

//子節點

12public listchildren

13 }

有了model之後,就可以為這個model寫方法賦值,把從資料庫里查到的資料賦值給樹節點,這就可以進行資料的展示了,比如此處,我要從資料字典裡獲取到產品的類別,然後與資料庫表進行關聯查詢出每個類別下的產品,繫結到model上並賦值給樹。**如下

public listgetproduct()

;var list =querydata.tolist();

return

list;}}

private

bool getstate(string

productid)

else

return

b; }

public listgetchild(string

parentid)

else

; list =querydata.tolist();}}

return

list;

}

**寫的有點****,,,注釋掉的是開始做的時候寫死的,為了看效果,不捨得刪除啊,

接下來就是前台的js用來接收資料了

1 $('#mytree').tree(

10});11}

12}13 });

這是js初始化載入

獲取選中的樹節點(可以獲取id值和文字值),這裡我需要的是id值,下面是js**

1

//獲取選中的樹節點

2function

getchecked() 9//

alert(s);

10return

s;11 }

清除選中核取方塊的**

1

function

uncheck()

6 }

在修改資料的時候需要首先載入已存在的資料,對於核取方塊樹來說,這就涉及到了把對應產品自動選中,實現這個功能最簡單的辦法就是先載入出全部的產品,然後再拿到一組資料與核取方塊樹全部的id進行對比,如果相同,設定核取方塊為選中狀態,否則不操作。

後台

1

///2

///用來與所有的tree核取方塊作對比,並把結果集的對應核取方塊進行回填

3///

4///

5///

6public actionresult getchecked(string

groupid)

7

下面貼**,注釋是我的思考過程,還是捨不得刪除啊~~~~

1

function

editinfo() ,

11 datatype: "json",

12 success: function

(data)

23//}24

25for (var i = 0; i < data.length; i++)

30//

else >>>>>>>>>>>>>>>>>>>>>不知道是什麼鬼,加上這個就不能選中了33}

34}35}

3637

})38 $('#btnsubmit').show();

3940 $('#infowindow').panel('settitle', '修改產品組資訊');

41 $('#infowindow').window('open');

42var submittype = 2;43}

44else

47 }

easy UI樹形核取方塊

首先,展示一下結果 這個是使用easyui的combotree控制項來實現的,具體的 如下 1,宣告乙個核取方塊 select id roleper name permissionnamelist class easyui combotree style width 200px data optio...

JQuery實現動態載入核取方塊

效果如圖,通過ajax接收的資料,動態生成想要的日期 在網上查詢一番後,參考別人的 記錄下來,方便以後查閱 function show showtime form clear instrumentnameshow textbox setvalue row.id textbox settext row...

解決layui動態載入核取方塊無法選中

1.最近用layui做後台介面,遇到layui跟ajax資料動態載入的checkbox,偶爾不能正常勾選,取消 2.有分頁時,最後一頁資料過少會導致其他頁下方資料無法選中 3.頁面沒載入完或暴力測試時也會不能選中 利用layui更新渲染方法和網上的一些方法去解決後極大的減少了無法選中的情況,但是暴力...