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 执行了");
 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添加控件的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# easyui  # treegrid  # 添加控件  # Easyui Treegrid改变默认图标的方法  # Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法  # 浅谈EasyUI中Treegrid节点的删除  # 浅谈EasyUI中编辑treegrid的方法  # jquery easyui中treegrid用法的简单实例  # EASYUI TREEGRID异步加载数据实现方法  # EasyUI的treegrid组件动态加载数据问题的解决办法  # jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍  # 教学资源  # 加载  # 小编  # 让人  # 看了  # 在此  # 可以用  # 给大家  # 还不错  # 书中  # 搞得  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 但是我  # 麻烦了  # formatter  # console 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  在centOS 7安装mysql 5.7的详细教程  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  微信小程序 input输入框控件详解及实例（多种示例）  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  如何快速搭建FTP站点实现文件共享？  EditPlus 正则表达式 实战(3)  Laravel如何实现API速率限制？（Rate Limiting教程）  如何确保西部建站助手FTP传输的安全性？  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  如何在香港服务器上快速搭建免备案网站？  Laravel如何使用Eloquent ORM进行数据库操作？（CRUD示例）  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  如何登录建站主机？访问步骤全解析  node.js报错：Cannot find module 'ejs'的解决办法  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何在VPS电脑上快速搭建网站？  简单实现Android验证码  香港服务器部署网站为何提示未备案？  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】  Laravel如何实现文件上传和存储？（本地与S3配置）  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  新三国志曹操传主线渭水交兵攻略  打造顶配客厅影院，这份100寸电视推荐名单请查收  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】  phpredis提高消息队列的实时性方法(推荐)  长沙做网站要多少钱,长沙国安网络怎么样？  今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤  网站页面设计需要考虑到这些问题  米侠浏览器网页背景异常怎么办 米侠显示修复  ,网页ppt怎么弄成自己的ppt？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  Laravel怎么实现模型属性的自动加密  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  昵图网官方站入口 昵图网素材图库官网入口  Laravel事件和监听器如何实现_Laravel Events & Listeners解耦应用的实战教程  jQuery 常见小例汇总  Laravel Docker环境搭建教程_Laravel Sail使用指南  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  Laravel如何保护应用免受CSRF攻击？（原理和示例）  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  Laravel如何处理异常和错误？（Handler示例）  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？