extjs EditorGridPanel禁止某些单元格编辑

最新推荐文章于 2021-01-15 20:22:15 发布

原创最新推荐文章于 2021-01-15 20:22:15 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function

例子备忘同时被 2 个专栏收录

50 篇文章

订阅专栏

9 篇文章

订阅专栏

本文介绍如何使用listeners为ExtJS的EditorGridPanel设置单元格点击事件，以实现对特定单元格的编辑限制。当editable字段为'N'时，禁止编辑第三列。

给EditorGridPanel加上listeners

'cellclick' : function(grid, rowIndex, columnIndex, e) {
	var record = grid.getStore().getAt(rowIndex);
	if(record.get('editable') == 'N' && columnIndex == 2）
		return false;
}

设置editable==‘N’的记录的第三列不能编辑。

需配合clicksToEdit属性，为1时修改cellclick事件，2时为celldblclick

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

whumr1

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

extjs 3.4 实现EditorGridPanel不同行同一列显示不同的Editor

笑看人生的专栏

11-19

1438

想在EditorGridPanel的不同行的同一列显示不同的编辑器

Ext.grid.EditorGridPanel 单元格套用下拉列表ComboBox

ylwyoyo的专栏

10-19

6662

function MentalWithMod(id){ var mentalResultGridStore = new Ext.data.JsonStore({ proxy : new Ext.data.HttpProxy({ url : '获取后台数据URL', method : 'POST', defaultHeaders : {Accept : 'application/json'

参与评论您还未登录，请先登录后发表或查看评论

Extjs 3 控制Grid某行某列不可编辑

weixin_30294295的博客

09-02

926

var cmGoodsFee = new Ext.grid.ColumnModel([rmGoodsFee, { header : "id", tooltip : "id", dataIndex : 'id', id : 'id', width : 80, align : 'center...

ExtJS 将表单设置为不可编辑（查看）

祥子的博客

10-13

6866

代码：afterrender : function(thiz) { //隐藏按钮 var e1 = Ext.ComponentQuery.query("basebutton[btype=ok]"); var e2 = Ext.ComponentQuery.q

[ExtJS] grid 可编辑表格禁用部分单元格编辑

拒绝成猿的程序员

09-12

5197

在ExtJS Mordern版本中，grid的单元格编辑都是一整列的但是，若是有时单元格无需编辑时，就没有相关配置项看下效果：这里需要手写逻辑，取消编辑 1.首先配置grid的单元格编辑插件 plugins: { gridcellediting: { selectOnEdit: true, triggerEvent...

EXT中EditorGridPanel 根据权限使某列不编辑

huzheaccp的专栏

03-20

4404

在实际项目开发中，对于登录人权限的不同，会限制不同的操作，如：在ext中grid有某列，根据登录人是否有权限判断当前这是否可以更改数据：如有某列： {id:'adjustExcludeTaxPrice',header : "新去税单价",width : 90 ,editor: new Ext.form.NumberField({ allowBlank: true,allowNegative:

ext 不能修改输入框_ExtJs使得某一列不能编辑

weixin_39969006的博客

12-19

342

可以编辑的gridvar grid = new Ext.grid.EditorGridPanel({autoHeight: true,renderTo: 'grid',store: store,cm: cm,tbar: new Ext.Toolbar(['-', {text: '添加一行',handler: function(){var initValue = {id:'',name:'',des...

ExtJS EditorGridPanel 控制每一个单元格是否可以编辑

weixin_34219944的博客

04-18

216

//loginUser 为当前登录人 //loginUser = '6651'; Ext.onReady(function() { Ext.QuickTips.init(); //空或零返回 true function isNullORZero(value){ return (value == 0 || value == '')?true:...

Extjs EditorGridPanel中ComboBox列的显示问题

10-28

在EXTJS中，EditorGridPanel是一种可编辑的表格组件，它允许用户直接在表格单元格内编辑数据。然而，当在EditorGridPanel中嵌入ComboBox（下拉选择框）作为编辑器时，可能会遇到一个问题，即ComboBox显示的不是其...

Extjs中的可编辑EditorGridPanel组件深入解析

此外，`EditorGridPanel`还提供了单元格级别的编辑功能，允许用户直接在网格的单元格中进行编辑，并实时更新数据。 #### 2. 核心功能 - **单元格编辑器**: `EditorGridPanel`支持多种类型的单元格编辑器，如文本框...

Ext grid合并单元格

06-23

根据提供的文件信息，我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的，并且还涉及了模板（Template）的使用、...

ext js 禁用_ext.grid.panel 如何禁止勾选部分行

weixin_32591455的博客

01-15

583

我加载一个grid的时候，想达到的效果是符合条件的行默认勾选(已实现)，不符合条件的是禁止勾选的，只是作为查看的一条信息。关键部分代码如下listeners:{'afterlayout':function(){var me = this;var myStore = me.getStore(); // 这是storevar count = myStore.getCount();var r...

控制EditorGridPanel的某个单元格(cell)是否被禁用

weixin_34234721的博客

08-02

117

gridpanel有一个beforeedit属性，可以实现对单元格的禁用 vargrid=newExt.grid.EditorGridPanel({//gridpanel的内容});grid.on("beforeedit",function(e){vardateUnit=e.record.data.dateUnit;...

extjs 表格为可编辑，保存后为不可编辑状态

weixin_30675247的博客

06-23

369

画出表格编辑后思路：在初始时设置一个状态，panduan='0'，此时，就是一个不可编辑的input，当点击编辑时，改变panduan = '1'，即可编辑。保存是加入正则表达式的判断，在将panduan='0'var columnsSet = { '姓名' : { align : 'center', ...

行编辑动态设置某个单元格进入编辑状态/不可编辑

weixin_34206899的博客

10-30

2705

行编辑时特定单元格编辑设置列qtype的editable属性值为true，表示此字段可编辑；然后设置id对应的行进入编辑状态，此时该行中所有的可编辑列都将进入编辑状态。 $("#jqgridTable").setColProp("qtype",{editable:true}); $("#jqgridTable").editRow(id,true); qtype列名 id ...

extjs中的表格编辑

01-16

1329

要实现ext表格编辑首先需要启用CellEditing插件，示例代码如下： grid = Ext.create('Ext.grid.Panel', { renderTo : 'information_date',// 渲染到一个div上 frame : true,// 面板渲染 forceFit : true,// 自动填充panel空白处 autoHeight:true,

ExtJS中设置下拉列表不可编辑

爱海贼的无处不在的技术博客

04-29

8343

ExtJS中设置下拉列表框不可编辑 ExtJS这个框架，并没有学习和用过，只知道是一个流行的前段框架，和Easy UI,BUI,DWZ等这些框架都是差不多的，只不过比他们更加强大而已，之所以写这个，我觉得还是很有帮助的。今天朋友遇到了一个问题:ExtJS中的下拉列表如何设置不可编辑的，html中是不可以编辑的，但是现在这种UI框架中的下拉列表框都是可以编辑的，朋

Extjs grid 中 checkbox列无法编辑的解决

walle的博客

06-17

1956

Extjs grid单元格编辑，有一个字段【只读】readonly，设置xtype为checkcolumn，但点击checkbox时状态切换有问题，只能把选中的改为不选中，不选中的却无法选中 var fieldCellEditing = Ext.create("PSI.UX.CellEditing", { clicksToEdit: 1, //点击几次进入编辑...

ExtJS editorgrid 最后一行不可编辑的解决方法

jiandanfeng2的专栏

06-01

2848

ext editorgrid 最后一行不可编辑