解决Ext.Grid单元格不能被选择

最新推荐文章于 2018-09-12 17:39:11 发布
原创 最新推荐文章于 2018-09-12 17:39:11 发布 · 767 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在不同浏览器环境下（Chrome/Safari, Firefox, IE11）解决ExtJS3.x版本中Ext.grid.GridPanel单元格数据无法选择的技术解决方案，包括使用CSS伪类设置浏览器特定的用户选择禁用方式。

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

ExtJs3.x版本，Ext.grid.GridPanel单元格数据不能被选择，在不同浏览器环境下的解决方法不同：

1. Chrome/Safari：

.ext-webkit .x-grid-panel .x-panel-bwrap {

   -webkit-user-select: none;

}

 

2. Firefox：

.x-grid3-cell {

    -moz-user-select: none;

}

.x-grid3-row td, .x-grid3-summary-row td {

    -moz-user-select: none;

     ......

}

 

3. IE11：DIV上的unselectable="on"属性

 

 

[Ext JS] Grid 的复选框行选择之——某些行不能选取
oscar999的专栏
10-29 981
Grid的选择功能的实现要求如下： 使用复选框（Checkbox） 对Grid进行选择。 某些行根据改行的数据的条件进行是否可以选取。 需要有全选和全部反选的功能。 实现后的效果如下： 实现方案 Grid的第一列定义成 checkcolumn 类型 { xtype:'checkcolumn', width:40, dataIndex: 'selected', headerCheckbox:true, /
Ext.grid.EditorGridPanel 单元格套用下拉列表ComboBox
ylwyoyo的专栏
10-19 6633
function MentalWithMod(id){ var mentalResultGridStore = new Ext.data.JsonStore({ proxy : new Ext.data.HttpProxy({ url : '获取后台数据URL', method : 'POST', defaultHeaders : {Accept : 'application/json'
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
10-20
主要介绍了Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法,需要的朋友可以参考下
让Ext.grid.GridPanel的某行不能选择
付出总会有回报
10-18 5464
让Ext.grid.GridPanel不能选择，即令Ext.grid.CheckboxSelectionModel不能选择，因为GridPanel是要引用CheckboxSelectionModel的。下例是当store里的用户状态不正常（字段memberstatus不为1）的记录行，让它在被选择时提示无法选择，关键在于beforerowselect事件，看代码吧 var member
Extjs 让CheckboxSelectionModel类型Ext.grid.GridPanel的某行不能选择
jazywoo_在路上
08-23 1738
让Ext.grid.GridPanel不能选择，即令Ext.grid.CheckboxSelectionModel不能选择，因为GridPanel是要引用CheckboxSelectionModel的。下例是当store里的用户状态不正常（字段memberstatus不为1）的记录行，让它在被选择时提示无法选择，关键在于'beforerowselect'事件，看代码吧 var membersm
复制extjs grid表格数据
yougucao379548695的专栏
07-14 265
本文来自优快云博客，转载请标明出处：http://blog.csdn.net/dy_paradise/archive/2010/01/19/5212389.aspx    Ext.grid.GridPanel有一个重大缺陷，就是单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。 分析： 用IE Developer Toolbar打开ExtJs输出的代码研究了一下，发现每...
ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)
03-27
这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构，版本为v1.4，发布日期为2011年9月11日。重构通常意味着代码的改进，可能涉及性能优化、错误修复或功能增强。在4.0版本中，RowEditing插件的...
Ext grid合并单元格
06-23
在 Ext JS 中，Grid 组件默认不支持单元格合并功能。要实现这一功能，需要通过自定义 GridView 类的方式来进行。具体来说，是重写 GridView 的 `renderHeaders` 方法，该方法用于渲染 Grid 的表头部分。 ### 三、...
Ext.grid.GridPanel属性祥解
04-24
注意，该ID不能为0。 - 示例：`autoExpandColumn: 'name'` 4. **stripeRows** - 说明：布尔值，决定是否开启表格行的斑马纹（即隔行换色）。 - 示例：`stripeRows: true` 5. **cm/colModel** - 说明：`...
[ExtJS] grid 可编辑表格 禁用部分单元格编辑
拒绝成猿的程序员
09-12 5138
在ExtJS Mordern版本中，grid的单元格编辑都是一整列的 但是，若是有时单元格无需编辑时，就没有相关配置项 看下效果： 这里需要手写逻辑，取消编辑 1.首先配置grid的单元格编辑插件 plugins: { gridcellediting: { selectOnEdit: true, triggerEvent...
LJWebKitJSExt:LJ 的 WebKit Javascript 扩展
07-10
LJWebKitJSExt LJ 的 WebKit Javascript 扩展 1 将源文件放入 $(WebKitSourceCodeRoot)/WebCore/page 2 构建 WebKit take www.webkit.org as a reference 3 测试页 $(PWD)/pages
在extjs 中，如何将checkbobox变成不可以选择。
cyong888的专栏
03-19 1104
1.方法一： config  ：readonly：true; this.fileTypeCombo = new Ext.form.ComboBox({         id : 'fileTypeCombo',         name : 'fileType',         typeAhead : true,         triggerAction : 'all',
ExtJs 表格问题不能选中的解决方法
yeshigudu的博客
09-17 656
我们的项目前端是使用的Ext 其强大的表格功能目前确实没有其他框架可以比拟； 当然，在开发中也会遇到一些问题； 其最多的反馈就是表格文字没法选中； 百度了好多方法，都没得到解决； 今天无意间看到官网的例子可以选中问题， 看它的示例代码； 发现了   viewConfig: {         enableTextSelection: true     } 抱着试试的心理，
Goodbye to CSS Hack
phphot
06-26 1813
看看下面这段代码，是否倍感亲切但又觉得很陌生呢：.test { background-color: black; /* firefox, opera, ie8 */ [;background-color: green;] /* safari, chrome */ *background-color: blue; /* ie7 */ _backgroun
node-webkit：开发桌面+WEB混合型应用的神器
weixin_34327761的博客
01-31 369
2019独角兽企业重金招聘Python工程师标准>>> ...
extjs grid 根据条件禁用选中
gt2008gt的博客
08-28 772
//var time =""; //var geoIds = ""; //var methodIndex = 2; //var typeStr; ResGrid = Ext.extend(Ext.grid.GridPanel, { constructor : function(cfg) { //copy 参数属性到当前对象 var cfg = cfg || {};...
ExtJS4 grid表格数据选取和使用
a498089585的专栏
05-26 537
handler : function(grid, rowIndex, colIndex) { //从grid取得一条Ext.data.Model格式的record // var src = store.getAt(rowIndex); //这个格式可以通过src.data.ACCOUNT_NAME获取字段值 //也可以通过src.ge
Ext.grid.GridPanel 如何添加删除线功能
Ext JS框架中的GridPanel组件允许开发者为各种事件进行监听和处理，例如：单元格点击、行选择、数据更新等。在删除行的场景中，可能会涉及监听某个删除按钮的点击事件，并在事件处理函数中更新GridPanel以显示删除线...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值