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

最新推荐文章于 2018-09-12 17:39:11 发布

原创最新推荐文章于 2018-09-12 17:39:11 发布 · 813 阅读

0 ·

CC 4.0 BY-SA版权

Sencha-ExtJs 专栏收录该内容

3 篇文章

订阅专栏

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

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"属性

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_15338

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

[Ext JS] Grid 的复选框行选择之——某些行不能选取

oscar999的专栏

10-29

1097

Grid的选择功能的实现要求如下：使用复选框（Checkbox）对Grid进行选择。某些行根据改行的数据的条件进行是否可以选取。需要有全选和全部反选的功能。实现后的效果如下：实现方案 Grid的第一列定义成 checkcolumn 类型 { xtype:'checkcolumn', width:40, dataIndex: 'selected', headerCheckbox:true, /

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

ylwyoyo的专栏

10-19

6661

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

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

让Ext.grid.GridPanel的某行不能选择

付出总会有回报

10-18

5480

让Ext.grid.GridPanel不能选择，即令Ext.grid.CheckboxSelectionModel不能选择，因为GridPanel是要引用CheckboxSelectionModel的。下例是当store里的用户状态不正常（字段memberstatus不为1）的记录行，让它在被选择时提示无法选择，关键在于beforerowselect事件，看代码吧 var member

Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法

10-20

主要介绍了Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法,需要的朋友可以参考下

Extjs 让CheckboxSelectionModel类型Ext.grid.GridPanel的某行不能选择

jazywoo_在路上

08-23

1766

复制extjs grid表格数据

yougucao379548695的专栏

07-14

277

本文来自优快云博客，转载请标明出处：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

5195

在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

1122

1.方法一： config ：readonly：true; this.fileTypeCombo = new Ext.form.ComboBox({ id : 'fileTypeCombo', name : 'fileType', typeAhead : true, triggerAction : 'all',

ExtJs 表格问题不能选中的解决方法

yeshigudu的博客

09-17

666

我们的项目前端是使用的Ext 其强大的表格功能目前确实没有其他框架可以比拟；当然，在开发中也会遇到一些问题；其最多的反馈就是表格文字没法选中；百度了好多方法，都没得到解决；今天无意间看到官网的例子可以选中问题，看它的示例代码；发现了 viewConfig: { enableTextSelection: true } 抱着试试的心理，

Goodbye to CSS Hack

phphot

06-26

1824

看看下面这段代码，是否倍感亲切但又觉得很陌生呢：.test { background-color: black; /* firefox, opera, ie8 */ [;background-color: green;] /* safari, chrome */ *background-color: blue; /* ie7 */ _backgroun

ExtJs疑难杂症之GridPanel单元格不能选中复制问题

drazevol的专栏

10-20

542

Ext.grid.GridPanel有一个重大缺陷，就是单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。 分析：用IE Developer Toolbar打开ExtJs输出的代码研究了一下，发现每个单元格的div都有一个属性：unselectable="on"，看来是css在作怪。 版本： 2.2 解决办法： extJs官方论坛上有具体的解决办法，比较可行的如下。 step1：添加新的css样式。CSS代码<style type="text

ExtJS Grid的两个格式处理方法

IT小菜的专栏

09-28

1238

1. 使Grid内容可复制加入CSS .x-selectable, .x-selectable * { -moz-user-select: text !important; -khtml-user-select: text !important; -webkit-user-select: te

node-webkit：开发桌面+WEB混合型应用的神器

weixin_34327761的博客

01-31

384

2019独角兽企业重金招聘Python工程师标准>>> ...

extjs锁定grid行，点击不可选中

XDSXHDYY的博客

07-26

2054

this.grid.getSelectionModel().lock();锁住grid不可被选中 this.grid.getSelectionModel().unlock();解锁grid可以选中可以用在权限的管理里面，没有权限grid就不能选中，通过按钮操作赋予权限后才可编辑选中。 little note：这两天系统升级win10遇到的问题，巨坑。 win10系统里Tom...

当 .jqGrid 列表无法选中对应的行解决方法

new Girl的博客

05-23

3513

当 .jqGrid 列表无法选中对应的行可能是你的名为‘id’ 列不唯一如果你有其他名称的列是唯一主键请设置这样 { label: '主键', name: 'branches_id', hidden: true,key:true }, 用 key : true 的方式设置 branches_id 是主键列

Ext.grid.GridPanel 如何添加删除线功能

Ext JS框架中的GridPanel组件允许开发者为各种事件进行监听和处理，例如：单元格点击、行选择、数据更新等。在删除行的场景中，可能会涉及监听某个删除按钮的点击事件，并在事件处理函数中更新GridPanel以显示删除线...