extjs grid行锁定功能

最新推荐文章于 2020-06-18 17:36:15 发布
原创 最新推荐文章于 2020-06-18 17:36:15 发布 · 785 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在 ExtJS 中使用 'beforeedit' 事件监听来实现对可编辑 Grid 的特定行进行锁定，防止这些行的数据被编辑。这是一种简单有效的方法，可以灵活地控制哪些数据行允许编辑。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    extjs提供的有列编辑列锁定属性，但某些情况下需要对可编辑grid的某些行进行锁定，不允许编辑，这样就要求对符合条件的行进行锁定，不允许编辑这些行的列值。解决方法很简单，只要增加grid的 'beforeedit'事件监听即可

例如：'beforeedit':function(row){row.cancel=true;} 即可实现行锁定

Ext Grid 锁定列+多表头的设计与实现（二）
JustCoding_的专栏
01-18 4627
上一次实现了锁定列，我是用的是Ext3.2扩展包里面的lockingGridView插件，实现起来还是很简单的。此外Grid还需要多表头，我从网上下到了几个关于多表头的插件，单独使用没有问题，但是将多表头和锁定列放到一起使用的时候就会报错。我查看了一下多表头的代码，发现了这个方法： renderHeaders: function() { var ts = this.templates,
ExtJS 4.2 Grid组件单元格合并的方法
01-21
ExtJS 4.2 Grid组件本身并没有提供单元格合并功能，需要自己实现这个功能。 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid组件，然后查看下的HTML源码。 1.1.1 Grid组件 ...
Extjs grid 锁定某些行，不让用户进行选择
Flyto_的专栏
11-14 2230
在业务要求中，遇到这样的需求：要求grid中的某行以上的行不能选择，一下的行能选择。 首先在grid中配置viewConfig: viewConfig:{            getRowClass : function(record,rowIndex,rowParams,store){                   //禁用数据显示红色色                   i
Extjs EditorGridPanel复选框实现单选, 同时锁住指定行
aqudgv83的博客
08-26 544
最近遇到一个问题, 就是如果在EditorGridePanel里加入一个复选组件, 这个组件只能实现单选, 同时满足, 某些行不可选. 代码如下: var sm = new Ext.grid.CheckboxSelectionModel({ singleSelect:true, checkOnly: true, header:'', listeners:{ ...
Ext EditorGridPanel 单元格锁定
chun521的专栏
11-16 288
grid.on('beforeedit',function(obj){     //grid,record,field,value,row,column,cancel     var checkStatus = obj.grid.getStore().getAt(obj.row).get('checkStatus');    if(checkStatus == 2){           obj...
Extjs如何锁定Grid的列？
测试0901-1
10-16 1566
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.youkuaiyun.com/inforstack/article/details/78252324 ...
ExtJS_grid.rar_Grid javascript_extjs grid
09-23
- **Locking Columns**：将Grid的列锁定，使得一部分列始终保持在屏幕左侧，增强用户体验。 3. **ExtJS Tree Grid**： - **Combining Grid and Tree**：Tree Grid将表格和树形结构结合，既能展示层次数据，又能...
ExtJS 插件实现Grid列锁定功能介绍
"LockingGridPanel"插件特别用于在ExtJS的Grid组件中实现锁定列功能，类似于Microsoft Excel中的“冻结窗格”特性，允许用户在滚动时保持某些列可视。 描述部分简单明了地介绍了该插件的功能：可以在ExtJS的Grid...
extjs grid
11-06
7. **锁定列**：EXTJS 4.2.1引入了锁定列的功能，允许用户将重要的列固定在左侧，提高浏览体验。 8. **拖放功能**：Grid支持列的拖放操作，用户可以自由调整列的顺序。 9. **插件**：EXTJS Grid可以集成多种插件，...
ExtJs Grid实现行选择与返回操作指南
在使用 ExtJs 的 Grid 组件时，行的选择功能是经常需要利用到的特性之一。选择行可以允许用户根据业务需求选中特定的数据行，进行进一步的操作，如编辑、删除或者显示详细信息等。 根据给定的文件信息，本文将重点...
Ext3.4.0复杂(多行)表头+锁定多列例子
09-09
Ext3.4.0复杂(多行)表头+锁定多列例子 非常棒，项目中需要使用到的。
extjs6.5中grid错位问题
qq_20426717的博客
06-18 502
之前使用gridpanel的时候有时候会出现标题跟内容错位，在网上查询了好多办法，有说是因为未给滚动条预留宽度的原因，但是使用网上的办法设置上滚动条的宽度之后也没有效果，后来偶然的机会测试出跟grid的height有关，当设置的height为某些值的时候，grid就会出现错位，具体的height的规律还没有找到，目前针对grid错位的解决方案就是调整height的大小，若是大家有什么更好的办法欢迎留言讨论 ...
ExtJS4学习笔记(十七)---锁定表头(Locking Grid)功能
dowhathowtodo
08-30 1265
Exjts4中，我们可以实现锁定表头(Locking Grid)能。实例实现了Grid锁定表头的功能，被锁定的列是固定不动的(如果有横向滚动条的话)。被锁定的列也无法被移除。为了方便，构造了一些本地数据作为测试数据。 JS代码： Ext.require([ 'Ext.grid.*', 'Ext.data.*', 'Ext.util.*', 'Ext.s...
[JQuery插件] 固定表头, 左侧某些列的表格
weixin_34125592的博客
05-13 329
固定表头、左侧列的表格在很多报表中都很常见，滚动表格的时候，只有数据部分会滚动，而数据的说明部分是固定的。 这主要是为了用户在浏览数据的时候，更加的清晰，直观。 在很多报表中，我们都会实现这种类型的表格，但是在网页上，如果要展示这样的表格，我们没有找到现成的，因此就自己写了一个JQuery的插件。 而我们把这个JQuery插件命名为BI Grid，也是为了表示这种类型的表格在报表中最常见。 ...
冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览器
weixin_34226706的博客
08-10 254
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>..
extjs 表格锁定同时多表头
mayixi的专栏
06-23 1149
extjs 表格锁定同时多表头有比较好的实现吗？
extjs锁定grid行，点击不可选中
XDSXHDYY的博客
07-26 2036
this.grid.getSelectionModel().lock();锁住grid不可被选中 this.grid.getSelectionModel().unlock();解锁grid可以选中 可以用在权限的管理里面，没有权限grid就不能选中，通过按钮操作赋予权限后才可编辑选中。     little note：这两天系统升级win10遇到的问题，巨坑。 win10系统里Tom...
DataGridView的锁定行和锁定列
sgj_4732514的专栏
12-26 1570
1，锁定行 [code="c#"] this.Rows[CurrentCell.RowIndex].Frozen = true;[/code] 2,锁定列 [code="c#"]this.Columns[this.CurrentCell.ColumnIndex].Frozen = true;[/code] 3,取消锁定行和锁定列 [code="c#"] this.Rows[0]...
在Web上的Grid表格(提供锁定)
数字金刚的专栏
07-07 1960
DefineGridBODY{font-size:9pt;}TD{font-size:9pt;}.Header{border-right:#555 1px solid;padding-right:4px;border-top:#FFF 1px solid;padding-left: 4px;background:#CCC;padding-bottom:4px;overflow:hidden;bor
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值