Easyui在treegrid添加控件实例教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Easyui在treegrid添加控件实例教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2191字，纯文字阅读大概需要4分钟。

内容图文

最近看了一个easy感觉里面的树搞得还不错，虽然觉得让人有点不灵活的感觉，我们来说说怎么在树种添加控件效果本文主要介绍了Easyui在treegrid添加控件的实现方法,需要的朋友可以参考下，希望能帮助到大家。

easyui 树加控件

在书中添加需要用到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做的好看，但是我觉树做的真心可以。

相关推荐：

jQuery中关于EasyUI的TreeGrid查询功能的实现、

关于jQuery Easyui Treegrid如何实现显示checkbox功能的实例

jquery easyui中treegrid用法的简单实例

以上就是Easyui在treegrid添加控件实例教程的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的Easyui在treegrid添加控件实例教程全部内容，希望文章能够帮你解决Easyui在treegrid添加控件实例教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---