Easyui在treegrid添加控件的實現(xiàn)方法
easyui 樹加控件
最近看了一個easy感覺里面的樹搞得還不錯,雖然覺得讓人有點不靈活的感覺,我們來說說怎么在樹種添加控件效果

在書中添加需要用到formatter這個屬性,可以在加載的時候顯示
function formatProgress(value){
//console.log(value);
if (value){
var box = value.split(",");
//console.log(box);
var boxid = box[1];
var s;
//alert(value);
if(box[0]=="顯示"){
s = '<input id='+boxid+' type="checkbox" onclick="isShow()" checked="checked">';
}else{
s = '<input id='+boxid+' type="checkbox" onclick="isShow()" >';
}
return s;
} else {
return '';
}
}
這樣在加載的時候會顯示控件了,如果在加載的時候控制類型可以,根據(jù)value的值進行判斷select的可以這樣麻煩了一點但是也可以用。
function formatProgress1(value){
console.log("formatProgress1 執(zhí)行了");
console.log(value);
if (value){
var box = value.split(",");
console.log(box);
var boxid = box[1];
var s;
if(box[0]=='缺省'){
s= '<select class='+boxid+' onchange="isType()"><option selected="selected" value="0">缺省</option><option value="1">直接鏈接</option><option value="2">內(nèi)容列表</option><option value="3">教學(xué)資源</option></select>';
}else if(box[0]=='直接鏈接'){
s= '<select class='+boxid+' onchange="isType()"><option value="0" >缺省</option><option value="1" selected="selected">直接鏈接</option><option value="2">內(nèi)容列表</option><option value="3">教學(xué)資源</option></select>';
}else if(box[0]=='內(nèi)容列表'){
s= '<select class='+boxid+' onchange="isType()"><option value="0" >缺省</option><option value="1">直接鏈接</option><option selected="selected" value="2">內(nèi)容列表</option><option value="3">教學(xué)資源</option></select>';
}else if(box[0]=='教學(xué)資源'){
s= '<select class='+boxid+' onchange="isType()"><option value="0" >缺省</option><option value="1">直接鏈接</option><option value="2">內(nèi)容列表</option><option selected="selected" value="3">教學(xué)資源</option></select>';
}
return s;
} else {
return '';
}
}
easyui里面的東西有些還是挺靈活的,但是樣式上面沒有bootstrap做的好看,但是我覺樹做的真心可以。
以上所述是小編給大家介紹的Easyui在treegrid添加控件的實現(xiàn)方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
基于jQuery的樹控件實現(xiàn)代碼(asp.net+json)
一個自己寫jQuery的樹控件,后臺用的是asp.net,其實只要服務(wù)器返回json就可以了2010-07-07
jQuery綁定事件-多種實現(xiàn)方式總結(jié)
下面小編就為大家?guī)硪黄猨Query綁定事件-多種實現(xiàn)方式總結(jié)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-05-05
詳解jQuery中關(guān)于Ajax的幾個常用的函數(shù)
AJAX 是一種在無需重新加載整個網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術(shù)。下面通過本文給大家分享jQuery中關(guān)于Ajax的幾個常用的函數(shù),需要的的朋友參考下2017-07-07
jQuery實現(xiàn)input輸入框獲取焦點與失去焦點時提示的消失與顯示功能示例
這篇文章主要介紹了jQuery實現(xiàn)input輸入框獲取焦點與失去焦點時提示的消失與顯示功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-05-05
jQuery CSS()方法改變現(xiàn)有的CSS樣式
css()方法在使用上具有多樣性。其中有一種可接受兩個輸入?yún)?shù):樣式屬性和樣式值,兩者之間用逗號分隔,下面通過實例為大家介紹下2014-08-08
jquery地址欄鏈接與a標(biāo)簽鏈接匹配之特效代碼總結(jié)
jquery如何獲取地址欄參數(shù),改變地址欄樣式,接下來,通過本篇文章給大家分享jquery地址欄鏈接與a標(biāo)簽鏈接匹配之特效代碼總結(jié),需要的朋友可以參考下2015-08-08

