解决extjs grid文字不能选中的问题

最新推荐文章于 2021-01-14 02:36:57 发布
最新推荐文章于 2021-01-14 02:36:57 发布 · 268 阅读 · 0
文章标签：

#extjs #grid #文字不能选中

本文介绍了如何通过X-selectable类和相关CSS属性，使表格单元格在Chrome、Firefox和IE中能够被选择，提供了一个在不同浏览器中实现统一选择性的解决方案。

.x-selectable, .x-selectable * { -moz-user-select: text!important ; -khtml-user-select: text!important ; }
// enable grid cell to be selected in chrome(x-selectable)/firefox(x-selectable)/IE(unselectable) Ext.grid.GridView.prototype.cellTpl = new Ext.Template(Ext.grid.GridView.prototype.cellTpl.html .replace('unselectable="on"', '').replace('class="', 'class="x-selectable '))

extjs单元格无法复制
11-11
解决 ExtJS GridPanel 单元格无法选中复制的问题需要两个步骤：添加新的 CSS 样式和修改 Ext.grid.GridPanel 的 prototype。通过这些步骤，我们可以使得单元格的内容可以被选中和复制，从而提高用户体验。
extjs表格文本启用选择复制功能具体实现
12-01
在EXTJS中，表格组件（Grid）是一种常用的展示数据的方式，但默认情况下，Grid的文本是不可被选中和复制的。为了满足用户选择和复制表格内文本的需求，我们需要进行一些自定义设置。以下是如何在EXTJS 4.0.2a版本下...
ExtJs疑难杂症之GridPanel单元格不能选中复制问题
drazevol的专栏
10-20 543
<br />Ext.grid.GridPanel有一个重大缺陷，就是单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。<br />分析： 用IE Developer Toolbar打开ExtJs输出的代码研究了一下，发现每个单元格的div都有一个属性：unselectable="on"，看来是css在作怪。<br />版本： 2.2<br />解决办法： extJs官方论坛上有具体的解决办法，比较可行的如下。<br />step1：添加新的css样式。CSS代码<style type="text
修改extjs源码真正解决：ExtJs4.0 GridPanel 数据内容不能选中复制。
name_liv的专栏
08-26 1624
extJS 现在依然存在很多bug，有时挺烦人的。比如，最近就需要复制表格信息，extjs的grid却不支持，研究半天，覆盖了css，但只在非ie的浏览器有效。修改了extjs源码才解决了在ie的问题。 1、添加以下css代码：          .x-grid-row         {            line-height:13px;vertical-align:top;pa
ExtJs4.0 GridPanel 单元格、数据内容不能选中复制的解决办法。
aosd53169的博客
11-22 196
　　在extjs2.0的Ext.grid.GridPanel单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。似乎也没提供属性配置。在网上找到的一些解决办法但不适用于ExtJs4.0。研究半天，覆盖了css，但只在非ie的浏览器有效。修改了extjs源码才解决了在ie的问题。 1、css代码： <style type="text/css"> ...
修复Extjs5.1.4表格设置enableTextSelection: true之后，文本仍然不能选择的BUG
weixin_33968104的博客
05-04 578
如果您发现其他版本也有此BUG，可参照此方式进行修复，源代码中多了一句拦截mousedown事件的代码mousedownEvent.preventDefault()造成的。 Ext.define('Ext.override.grid.NavigationModel',{ override:'Ext.grid.NavigationModel', onCellMouseDown: fun...
ExtJs RowEditor 使用教程：深入解析var editor = new Ext.ux.grid.RowEditor
"这篇文章主要介绍了在ExtJs中如何使用var editor = new Ext.ux.grid.RowEditor来实现行编辑功能的详细步骤。RowEditor是ExtJs的一个扩展组件，它允许用户直接在表格行内进行编辑，并提供了保存和取消编辑的操作。" ...
ExtJs表格点击超链接获取行的值
04-09
在ExtJs框架中，我们经常需要在表格（`Ext.grid.Panel`）中显示超链接，并且当用户点击这些超链接时，能够获取到当前行的数据。为了实现这一功能，我们可以使用`renderer`函数对单元格进行自定义渲染。 **代码示例*...
extjs4.2 日期控件扩展带时分秒
12-19
在Web开发中，特别是在使用ExtJS这样的框架进行界面构建时，日期和时间的选择器是不可或缺的一部分。ExtJS 4.2提供了一个强大的日期控件，但是默认情况下仅支持日期的选择而不包含时间部分。为了满足更复杂的应用...
GridPanel中的单元格不能选中复制的解决方法
08-17
Ext.grid.GridPanel有一个重大缺陷，就是单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便，下面是从网上搜到的解决方案。
ext不能选中复制属性_如何实现Extjs的grid单元格只让选择（即可以复制单元格内容）但是不让修改？...
weixin_33882158的博客
12-23 254
自己动手丰衣足食啊，还得自己来解决　在extjs2.0的Ext.grid.GridPanel单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。似乎也没提供属性配置。在网上找到的一些解决办法但不适用于ExtJs4.0。研究半天，覆盖了css，但只在非ie的浏览器有效。修改了extjs源码才解决了在ie的问题。1、css代码：.x-grid-row{line-height:13px;ver...
[转]ExtJs疑难杂症之GridPanel单元格不能选中复制问题
xiangliling的专栏
10-22 349
Ext.grid.GridPanel有一个重大缺陷，就是单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。 分析： 用IE Developer Toolbar打开ExtJs输出的代码研究了一下，发现每个单元格的div都有一个属性：unselectable="on"，看来是css在作怪。 版本： 2.2 解决办法： extJs官方论坛上有具体的解决办法，比较可行的如下。 step
ExtJs 表格问题不能选中的解决方法
yeshigudu的博客
09-17 667
我们的项目前端是使用的Ext 其强大的表格功能目前确实没有其他框架可以比拟； 当然，在开发中也会遇到一些问题； 其最多的反馈就是表格文字没法选中； 百度了好多方法，都没得到解决； 今天无意间看到官网的例子可以选中问题， 看它的示例代码； 发现了   viewConfig: {         enableTextSelection: true     } 抱着试试的心理，
ext不能选中复制属性_extjs表格文本启用选择复制功能具体实现
weixin_39880337的博客
01-14 334
extjs提供了方便的表格组件grid供使用，但是默认情况下表格中的文本是不能被选中的，自然也是无法复制的。而选择复制文本的需要也是很平常的，于是我们就需要自己动手来解决这个问题，实现extjs的grid文本选择复制功能。说明一点，文中所列出的代码片断都是在当前ext 4.0.2a版本下的，其它版本未做测试，请自行斟酌。首先自定义一下样式，来覆盖默认的css样式：.x-selectable, .x...
ExtJS gridPanel文本不能复制的解决办法
热门推荐
笔心
07-22 1万+
ExtJS默认是禁用了文本复制的功能，其原理使用到了
easyUI的datagird刷新后选中了第一行、无法选中当前行的问题
nest9527的博客
07-27 1411
今天在写一个页面的时候发现，easyUI的datagird刷新后选中了第一行，正常情况下应该选中之前的行。 调试一番，找到问题了：idField需要唯一，如果不填写idField，重新载入后没有光标；如果填写错误或者不唯一，光标默认到第一行。
Easyui里easyui datagrid 单击行不选中，只有复选框选中才选中
流萤飞火的博客
01-11 7222
昨天在使用easyui的过程中出现一个问题，就是当我需要使用复选框批量处理数据时，要求只有复选框选中的数据才可以处理，结果发现当单击数据时，数据也会被选中，后来百度发现有人说SelectOnCheck属性与CheckOnSelect属性，使用后发现不行，这两个属性只是决定单击与复选框的关系，并不能实现单击数据不选中的功能。后在另一篇文章发现一种方法：onClickRow: function (ro...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值