Easyui在treegrid添加控件的实现方法


Posted in Javascript onJune 23, 2017

 easyui 树加控件

最近看了一个easy感觉里面的树搞得还不错,虽然觉得让人有点不灵活的感觉,我们来说说怎么在树种添加控件效果

Easyui在treegrid添加控件的实现方法

在书中添加需要用到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添加控件的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 事件对象属性小结
Apr 27 Javascript
基于jquery的15款幻灯片插件
Apr 10 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
Apr 24 Javascript
JavaScript获取FCK编辑器信息的具体方法
Jul 12 Javascript
Javascript中克隆一个数组的实现代码
Dec 06 Javascript
Bootstrap树形控件使用方法详解
Jan 27 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
利用D3.js实现最简单的柱状图示例代码
Dec 09 Javascript
利用vue写todolist单页应用
Dec 15 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
Angular中$state.go页面跳转并传递参数的方法
May 09 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
详解用vue.js和laravel实现微信支付
Jun 23 #Javascript
详解用vue.js和laravel实现微信授权登陆
Jun 23 #Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 #Javascript
VUE中v-model和v-for指令详解
Jun 23 #Javascript
JavaScript正则表达式简单实用实例
Jun 23 #Javascript
js中的事件委托或是事件代理使用详解
Jun 23 #Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 #Javascript
You might like
smarty简单入门实例
2014/11/28 PHP
使用GD库生成带阴影文字的图片
2015/03/27 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)
2016/05/27 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
PHP实现的分解质因数操作示例
2018/08/01 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
两个DIV等高的JS的实现代码
2007/12/23 Javascript
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
jquery 学习之一 对象访问
2010/11/23 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
2017/11/15 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
总结python爬虫抓站的实用技巧
2016/08/09 Python
Anaconda入门使用总结
2018/04/05 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
更改Python的pip install 默认安装依赖路径方法详解
2018/10/27 Python
基于python实现获取网页图片过程解析
2020/05/11 Python
浅谈Python中的模块
2020/06/10 Python
Python 字符串池化的前提
2020/07/03 Python
餐饮业的创业计划书范文
2013/12/26 职场文书
先进事迹报告会主持词
2014/04/02 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
工程部部长岗位职责
2015/02/12 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python