ExtJs 扩展类CheckColumn修改源码,支持按条件禁用启用下拉框功能
2019-10-30 08:31
585 查看
长话短说,具体的请看图
需求如图:
Ext.ns('Ext.ux.grid'); Ext.ux.grid.CheckColumn = Ext.extend(Ext.grid.Column, { editable: true, processEvent: function (name, e, grid, rowIndex, colIndex) { if (name == 'mousedown') { prj.curGrid = grid; this.init(name, e, grid, rowIndex, colIndex); var record = grid.store.getAt(rowIndex); this.fireEvent('checkchange', this, record.data[this.dataIndex]); if (this.editable) { record.set(this.dataIndex, !record.data[this.dataIndex]); return false; } else { return Ext.grid.ActionColumn.superclass.processEvent.apply(this, arguments); } } else { return Ext.grid.ActionColumn.superclass.processEvent.apply(this, arguments); } }, renderer: function (v, p, record) { p.css += ' x-grid3-check-col-td'; return String.format('<div class="x-grid3-check-col{0}"> </div>', v ? '-on' : ''); }, init: Ext.emptyFn, setEditable: function (f) { this.editable = f; } }); // register ptype. Deprecate. Remove in 4.0 Ext.preg('checkcolumn', Ext.ux.grid.CheckColumn); // backwards compat. Remove in 4.0 Ext.grid.CheckColumn = Ext.ux.grid.CheckColumn; // register Column xtype Ext.grid.Column.types.checkcolumn = Ext.ux.grid.CheckColumn;CheckColumn.js
{ header: "证书", dataIndex: "MAT_CERTIFICATE", id: 'MAT_CERTIFICATE', width: 90, align: 'center', xtype: "checkcolumn", listeners: { checkchange: function (column, checked) { if (checked) { certificateTypeCombo.disable(); } else { certificateTypeCombo.enable(); } } } }, { header: "证书类型", dataIndex: "MAT_CERTIFICATE_TYPE", width: 120, align: 'center', editor: certificateTypeCombo, renderer: LCE_TYPE.toValue } ------------------------------------------------------------ var LCE_TYPE = new Ext.data.RSStore({ url: "STL001.csx?tag=GetLceType", fields: ["MSID_N","MSVALUE" ], root: "data", id: "MSID_N", autoLoad: true, toValue: function (v) { var rec = LCE_TYPE.getById(v); return rec ? rec.data.MSVALUE : v; } }); var certificateTypeCombo = new Ext.form.SComboBox({ store: LCE_TYPE, displayField: 'MSVALUE', valueField: 'MSID_N', mode: 'local', disabled: true, triggerAction: 'all', listeners: { focus: function (res) { debugger; var res = c_grid.getSelectionModel().getSelections(); if (res[0].data.MAT_CERTIFICATE == false) { certificateTypeCombo.disable() } else { certificateTypeCombo.enable() ; } } } });query.js
相关文章推荐
- Android8.1 源码修改之插入SIM卡默认启用Volte功能
- 修改JSONObject源码使JSON官方的java扩展支持对汉字进行ascii转义
- extjs的空间htmlEditor源码 浅析,可以重写里面的方法来扩展相关功能
- [礼仪大赛策划方案手段]PPT简易的文字编排+网络大量免费的Flash动画+笔记本都具有的扩展桌面双屏支持功能+投影机 就可以打造一场专业的电视台效果时,有何感想?能弃之这些身边的条件而不用吗?
- Extjs 扩展Htmleditor,支持 图片上传 文件上传 插入flash 插入多媒体 插入层 插入横线等功能(2)
- SSM-Project-Day05-用户管理-功能:用户的禁用和启用修改;菜单列表删除页面局部刷新
- Extjs 扩展Htmleditor,支持 图片上传 文件上传 插入flash 插入多媒体 插入层 插入横线等功能
- Extjs 扩展Htmleditor,支持 图片上传 文件上传 插入flash 插入多媒体 插入层 插入横线等功能
- jquery.form.js修改源码ajax支持json格式参数
- 公司电脑usb被禁用,如何重新启用usb功能?
- 一个带有点击效果和计时功能可圆角的自定义Button(支持XML和代码修改属性)
- ddpowerzoomer.js利用jQuery扩展,实现对图片局部放大功能(源码分析)
- 仿QQ个人信息详情界面中背景图的下拉扩展放大功能
- CentOS 7.x如何启动/关闭、启用/禁用服务? 修改系统运行级别
- 64bit下关闭启用文件重定向功能,支持多线程,简单易用
- 修改ViewPager源码使ViewPager支持弹簧效果
- NETSH 如何扩展其功能?如何适配netsh使其支持SCTP协议?
- 如何修改SpriteBuilder中的按钮禁用启用状态
- .Extjs HtmlEditor扩展插入图片功能
- GridView中使用LinkButton添加启用禁用功能