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 相关文章推荐
用JS实现的一个include函数
Jul 21 Javascript
js chrome浏览器判断代码
Mar 28 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
bootstrap multiselect下拉列表功能
Aug 22 Javascript
基于Vue实现图书管理功能
Oct 17 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
Dec 02 Javascript
p5.js临摹旋转爱心
Oct 23 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
Nov 21 Javascript
vue实现短信验证码输入框
Apr 17 Javascript
在react中使用vue的状态管理的方法示例
May 02 Javascript
vue/cli 配置动态代理无需重启服务的方法
May 20 Vue.js
详解用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
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
Terran剧情介绍
2020/03/14 星际争霸
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
从0开始学Vue
2016/10/27 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
2016/11/02 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
python3中int(整型)的使用教程
2017/03/23 Python
Python栈算法的实现与简单应用示例
2017/11/01 Python
使用Python第三方库pygame写个贪吃蛇小游戏
2020/03/06 Python
CSS3中的Media Queries学习笔记
2016/05/23 HTML / CSS
校领导推荐信
2013/11/01 职场文书
护士自我介绍信
2014/01/13 职场文书
工艺员岗位职责
2014/02/11 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
教师节寄语2015
2015/03/23 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
商标侵权律师函
2015/05/27 职场文书
党支部对转正的意见
2015/06/02 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python
Python进程间的通信之语法学习
2022/04/11 Python