Easyui在treegrid添加控件的實(shí)現(xiàn)方法
easyui 樹(shù)加控件
最近看了一個(gè)easy感覺(jué)里面的樹(shù)搞得還不錯(cuò),雖然覺(jué)得讓人有點(diǎn)不靈活的感覺(jué),我們來(lái)說(shuō)說(shuō)怎么在樹(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í)候控制類型可以,根據(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)站的支持!
- Easyui Treegrid改變默認(rèn)圖標(biāo)的方法
- Jquery EasyUI實(shí)現(xiàn)treegrid上顯示checkbox并取選定值的方法
- 淺談EasyUI中Treegrid節(jié)點(diǎn)的刪除
- 淺談EasyUI中編輯treegrid的方法
- jquery easyui中treegrid用法的簡(jiǎn)單實(shí)例
- EASYUI TREEGRID異步加載數(shù)據(jù)實(shí)現(xiàn)方法
- EasyUI的treegrid組件動(dòng)態(tài)加載數(shù)據(jù)問(wèn)題的解決辦法
- jQuery EasyUI API 中文文檔 - TreeGrid 樹(shù)表格使用介紹
相關(guān)文章
基于jQuery的樹(shù)控件實(shí)現(xiàn)代碼(asp.net+json)
一個(gè)自己寫jQuery的樹(shù)控件,后臺(tái)用的是asp.net,其實(shí)只要服務(wù)器返回json就可以了2010-07-07jQuery實(shí)現(xiàn)DIV層收縮展開(kāi)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)DIV層收縮展開(kāi)的方法,實(shí)例分析了jQuery中toggle與animate等方法的使用技巧,需要的朋友可以參考下2015-02-02jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)
下面小編就為大家?guī)?lái)一篇jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05ztree實(shí)現(xiàn)權(quán)限橫向顯示功能
最近在做權(quán)限功能的時(shí)候,采用的ztree實(shí)現(xiàn)的,但是產(chǎn)品要求最后一層的權(quán)限節(jié)點(diǎn)要橫向顯示。下面小編把基于ztree實(shí)現(xiàn)權(quán)限橫向顯示功能的實(shí)現(xiàn)思路分享給大家,供大家參考2017-05-05詳解jQuery中關(guān)于Ajax的幾個(gè)常用的函數(shù)
AJAX 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下,能夠更新部分網(wǎng)頁(yè)的技術(shù)。下面通過(guò)本文給大家分享jQuery中關(guān)于Ajax的幾個(gè)常用的函數(shù),需要的的朋友參考下2017-07-07jQuery實(shí)現(xiàn)input輸入框獲取焦點(diǎn)與失去焦點(diǎn)時(shí)提示的消失與顯示功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)input輸入框獲取焦點(diǎn)與失去焦點(diǎn)時(shí)提示的消失與顯示功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05jQuery CSS()方法改變現(xiàn)有的CSS樣式
css()方法在使用上具有多樣性。其中有一種可接受兩個(gè)輸入?yún)?shù):樣式屬性和樣式值,兩者之間用逗號(hào)分隔,下面通過(guò)實(shí)例為大家介紹下2014-08-08基于jQuery實(shí)現(xiàn)歌詞滾動(dòng)版音樂(lè)播放器的代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)歌詞滾動(dòng)版音樂(lè)播放器的代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09jquery地址欄鏈接與a標(biāo)簽鏈接匹配之特效代碼總結(jié)
jquery如何獲取地址欄參數(shù),改變地址欄樣式,接下來(lái),通過(guò)本篇文章給大家分享jquery地址欄鏈接與a標(biāo)簽鏈接匹配之特效代碼總結(jié),需要的朋友可以參考下2015-08-08