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 相关文章推荐
Javascript 面向对象 命名空间
May 13 Javascript
js 返回时间戳所对应的具体时间
Jul 20 Javascript
javascript中的事件代理初探
Mar 08 Javascript
angularJS提交表单(form)
Feb 09 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
AngularJS学习笔记之依赖注入详解
May 16 Javascript
js实现无缝循环滚动
Jun 23 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
微信小程序实现倒计时调用相机自动拍照功能
Jun 10 Javascript
JavaScript 作用域实例分析
Oct 02 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
详解用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
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
解析thinkphp中的M()与D()方法的区别
2013/06/22 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
php中heredoc与nowdoc介绍
2014/12/25 PHP
brook javascript框架介绍
2011/10/10 Javascript
Js判断CSS文件加载完毕的具体实现
2014/01/17 Javascript
js实现连个数字相加而不是拼接的方法
2014/02/23 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
jQuery简单绑定单个事件的方法示例
2017/06/10 jQuery
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
详解vue 项目白屏解决方案
2018/10/31 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
[55:35]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第二场 1月22日
2021/03/11 DOTA
Python随机生成手机号、数字的方法详解
2017/07/21 Python
numpy.random.seed()的使用实例解析
2018/02/03 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
python实现学生信息管理系统源码
2021/02/22 Python
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
工程师自我评价怎么写
2013/09/19 职场文书
财务管理专业自荐信范文
2013/12/24 职场文书
党校培训思想汇报
2014/01/03 职场文书
《狼》教学反思
2014/03/02 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
2015年教师教学工作总结
2015/04/28 职场文书
确保工程质量承诺书
2015/04/29 职场文书
投诉信范文
2015/07/02 职场文书
欠条范文
2015/07/03 职场文书
《静夜思》教学反思
2016/02/17 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
HTML+JS实现在线朗读器
2022/02/15 Javascript