easyui 樹(shù)加控件
最近看了一個(gè)easy感覺(jué)里面的樹(shù)搞得還不錯(cuò),雖然覺(jué)得讓人有點(diǎn)不靈活的感覺(jué),我們來(lái)說(shuō)說(shuō)怎么在樹(shù)種添加控件效果

在書(shū)中添加需要用到formatter這個(gè)屬性,可以在加載的時(shí)候顯示
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 ''; }}這樣在加載的時(shí)候會(huì)顯示控件了,如果在加載的時(shí)候控制類(lèi)型可以,根據(jù)value的值進(jìn)行判斷select的可以這樣麻煩了一點(diǎn)但是也可以用。
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里面的東西有些還是挺靈活的,但是樣式上面沒(méi)有bootstrap做的好看,但是我覺(jué)樹(shù)做的真心可以。
以上所述是小編給大家介紹的Easyui在treegrid添加控件的實(shí)現(xiàn)方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注