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 相关文章推荐
语义化 H1 标签
Jan 14 Javascript
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
jquery遍历checkbox的注意事项说明
Feb 21 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 Javascript
JavaScript中的Function函数
Aug 27 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
微信小程序日历弹窗选择器代码实例
May 09 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
Jul 12 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
PHP数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
在JavaScript中获取请求的URL参数[正则]
2010/12/25 Javascript
javascript最基本的函数汇总
2015/06/25 Javascript
javascript密码强度校验代码(两种方法)
2015/08/10 Javascript
JavaScript手机振动API
2016/06/11 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
详解用vue.js和laravel实现微信授权登陆
2017/06/23 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
Python单元测试与测试用例简析
2019/11/09 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
大学生毕业自我鉴定范文
2013/11/03 职场文书
个人担保书范文
2014/05/20 职场文书
药剂专业自荐书
2014/06/20 职场文书
少年犯观后感
2015/06/11 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
Spring Boot优化后启动速度快到飞起技巧示例
2022/07/23 Java/Android