Easyui在treegrid添加控件的實現(xiàn)方法

更新時間：2017年06月23日 15:18:09 作者：java_前端_朝立

這篇文章主要介紹了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 '';
 }
}

這樣在加載的時候會顯示控件了，如果在加載的時候控制類型可以，根據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">內容列表</option><option value="3">教學資源</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">內容列表</option><option value="3">教學資源</option></select>'; 
  }else if(box[0]=='內容列表'){
   s= '<select class='+boxid+' onchange="isType()"><option value="0" >缺省</option><option value="1">直接鏈接</option><option selected="selected" value="2">內容列表</option><option value="3">教學資源</option></select>'; 
  }else if(box[0]=='教學資源'){
   s= '<select class='+boxid+' onchange="isType()"><option value="0" >缺省</option><option value="1">直接鏈接</option><option value="2">內容列表</option><option selected="selected" value="3">教學資源</option></select>'; 
  }
  return s;
 } else {
  return '';
 }
}

easyui里面的東西有些還是挺靈活的，但是樣式上面沒有bootstrap做的好看，但是我覺樹做的真心可以。

以上所述是小編給大家介紹的Easyui在treegrid添加控件的實現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:

jquery.cookie.js用法實例詳解
這篇文章主要介紹了jquery.cookie.js用法,結合實例形式較為詳細的分析了jquery.cookie.js針對cookie的獲取、創(chuàng)建、設置、刪除等常用技巧,需要的朋友可以參考下
2015-12-12
jQuery AjaxQueue改進步驟
之前用jquery實現(xiàn)了一個簡單的AjaxQueue，用于管理ajax請求的發(fā)送順序。這次改進了下。
2011-10-10
jQuery實現(xiàn)簡單隔行變色的方法
這篇文章主要介紹了jQuery實現(xiàn)簡單隔行變色的方法,涉及jQuery針對頁面元素樣式的相關操作技巧,需要的朋友可以參考下
2016-02-02
Jquery Ajax學習實例5 向WebService發(fā)出請求，返回泛型集合數(shù)據的異步調用
通過點擊按鈕來請求WebService.asmx的 GetList()方法，獲取泛型集合。
2010-03-03
jquery 定位input元素的幾種方法小結
本文以定位到第三個文本框為例為大家詳細介紹下jquery 定位元素幾種方法，感興趣的朋友可以參考下，希望對大家有所幫助
2013-07-07
學習從實踐開始之jQuery插件開發(fā) 對話框插件開發(fā)
之所以寫下這篇文章，是想將我的想法分享給大家；對于初學者，我希望他能從這篇文章中獲取對他有用的東西，對于經驗豐富的開發(fā)者，我希望他能指出我的不足，給我更多的意見和建議；目的就是共同進步
2012-04-04
jquery動態(tài)改變onclick屬性導致失效的問題解決方法
onclick屬性失效的問題，相信很多的朋友都有遇到過吧，jquery動態(tài)改變onclick屬性就會導致此問題的發(fā)生，解決方法如下，希望對大家有所幫助
2013-12-12
jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單
這篇文章主要介紹了jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單,實例分析了jQuery操作鼠標事件及css樣式實現(xiàn)動態(tài)滑動菜單的技巧,非常具有實用價值,需要的朋友可以參考下
2015-03-03
jquery幻燈片插件bxslider樣式改進實例
這篇文章主要介紹了jquery幻燈片插件bxslider樣式改進,對比官方樣式以實例形式講述了改進的技巧,非常實用,需要的朋友可以參考下
2014-10-10
JQuery操作單選按鈕以及復選按鈕示例
單選按鈕以及復選按鈕的使用情況還是蠻多的，接下來為大家介紹下通過JQuery操作單選按鈕和復選按鈕，希望對大家有所幫助
2013-09-09