Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法


Posted in Javascript onFebruary 17, 2017

具体代码如下所示:

Ext.define('AM.view.test.ReceiptList', { 
  extend: 'Ext.grid.Panel', 
  alias: 'widget.receiptlist', 
  id : 'receiptlist', 
  selModel : { 
    selType : 'checkboxmodel', 
    mode : 'SIMPLE', 
    checkOnly : true, 
    renderer : function(v,p,record) { 
      if (record.data.XR0003 == '0') { 
        return '<div class="x-grid-row-checker"> </div>'; 
      }else{ 
        return ''; 
      } 
    } 
  }, 
  listeners: { 
    beforeselect: function(grid, record, index, eOpts) { 
      if (record.get('XR0003')!=0) { 
        return false; 
      } 
    } 
  } 
});

代码说明:

1.红色标注处为关键代码;

2.renderer处的代码表示在渲染的时候时候满足条件的才显示复选框;

3.listeners处的代码表示监听在选择之前做条件判断若不等于0,让其不选中;

4.可以根据自身的需求,两个方法结合使用。

以上所述是小编给大家介绍的Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
Dec 23 Javascript
Javascript中的常见排序算法
Mar 27 Javascript
jquery 操作表格实现代码(多种操作打包)
Mar 20 Javascript
图片上传判断及预览脚本的效果实例
Aug 07 Javascript
jQuery瀑布流插件Wookmark使用实例
Apr 02 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
javascript实现表单提交后,提交按钮不可用的方法
Apr 18 Javascript
JavaScript DOM 对象深入了解
Jul 20 Javascript
纯js实现html转pdf的简单实例(推荐)
Feb 16 Javascript
关于RxJS Subject的学习笔记
Dec 05 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
JavaScript 绘制饼图的示例
Feb 19 Javascript
原生js实现日期计算器功能
Feb 17 #Javascript
Vue自定义指令拖拽功能示例
Feb 17 #Javascript
BootStrap实现鼠标悬停下拉列表功能
Feb 17 #Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 #Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 #Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 #Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 #Javascript
You might like
PHP字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
PHP比你想象的好得多
2014/11/27 PHP
PHP静态成员变量
2017/02/14 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
2016/12/22 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
win系统下nodejs环境安装配置
2017/05/04 NodeJs
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
2018/12/14 Javascript
[06:53]DOTA2每周TOP10 精彩击杀集锦vol.3
2014/06/25 DOTA
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
Python IDLE清空窗口的实例
2018/06/25 Python
对Python 语音识别框架详解
2018/12/24 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
个人简历自我鉴定
2013/10/11 职场文书
机关作风整顿个人整改措施思想汇报
2014/09/29 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
放假通知范文
2015/04/14 职场文书
关于环保的宣传稿
2015/07/23 职场文书
团队拓展训练感想
2015/08/07 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书
2019年大学推荐信
2019/06/24 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
MySQL如何解决幻读问题
2021/08/07 MySQL
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技