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

最新推荐文章于 2021-07-13 15:10:14 发布
最新推荐文章于 2021-07-13 15:10:14 发布
阅读量590 收藏
点赞数
分类专栏： ExtJs 文章标签： extjs 前端 ext
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yeshigudu/article/details/48522239
版权

我们的项目前端是使用的Ext

其强大的表格功能目前确实没有其他框架可以比拟；

当然，在开发中也会遇到一些问题；

其最多的反馈就是表格文字没法选中；

百度了好多方法，都没得到解决；

今天无意间看到官网的例子可以选中问题，

看它的示例代码；

发现了

  viewConfig: {
        enableTextSelection: true
    }

抱着试试的心理，加到我的代码里面，没想到居然实现了


追逐梦想丶菜鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
extjs表格文本启用选择复制功能具体实现
12-01
extjs提供了方便的表格组件grid供使用，但是默认情况下表格中的文本是不能被选中的，自然也是无法复制的。 而选择复制文本的需要也是很平常的，于是我们就需要自己动手来解决这个问题，实现extjs的grid文本选择复制功能。 说明一点，文中所列出的代码片断都是在当前ext 4.0.2a版本下的，其它版本未做测试，请自行斟酌。 首先自定义一下样式，来覆盖默认的css样式： 代码如下: <style type=”text/css”> .x-selectable, .x-selectable * { -moz-user-select: text!important; -khtml-user-sel
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
10-20
主要介绍了Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法,需要的朋友可以参考下
ext不能选中复制属性_修改extjs源码真正解决：ExtJs4.0 GridPanel 数据内容不能选中复制。...
weixin_35594924的博客
12-23 263
extJS 现在依然存在很多bug，有时挺烦人的。比如，最近就需要复制表格信息，extjs的grid却不支持，研究半天，覆盖了css，但只在非ie的浏览器有效。修改了extjs源码才解决了在ie的问题。1、添加以下css代码：.x-grid-row{line-height:13px;vertical-align:top;padding:0 1px;-moz-user-select:text!imp...
解决extjs grid文字不能选中的问题
floydd
09-02 169
.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)...
ExtJs疑难杂症之GridPanel单元格不能选中复制问题
drazevol的专栏
10-20 479
<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
ExtJs4 树形结构中，部分节点不可选中
qq_38139994的博客
07-13 365
JS文件中的代码 // 数据 var treeStore = Ext.create('Ext.data.TreeStore', { fields: [ 'text', 'children', 'leaf', 'conceptId', 'roleURI', 'itemType', 'abstract', 'substitutionGroup', 'numeric','disabled', {name:'checked',defaultValue: false} .
Extjs 点击复选框在表格中增加相关信息行
11-26
// 定义初始 存放表格数据 var gridItems = []; //省份复选框 var $provinceCheckbox01 = new Ext.form.CheckboxGroup({ xtype: 'checkboxgroup', fieldLabel: '省份选择', labelWidth: 60, columns: 9, vertical: ...
ExtJS(ajax框架) 4.2.1
12-19
单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。 自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染...
ExtJS4 2学习 21 动态菜单与表格数据展示操作总结篇
07-25
ExtJS4 2学习 21 动态菜单与表格数据展示操作总结
ExtJs的Ext.grid.GridPanel不能选择复制表格中的内容解决方案
Lixiang3024的专栏
08-05 1117
网上搜了一大堆，都是要改
ext不能选中复制属性_extjs表格文本启用选择复制功能具体实现
weixin_39880337的博客
01-14 223
extjs提供了方便的表格组件grid供使用，但是默认情况下表格中的文本是不能被选中的，自然也是无法复制的。而选择复制文本的需要也是很平常的，于是我们就需要自己动手来解决这个问题，实现extjs的grid文本选择复制功能。说明一点，文中所列出的代码片断都是在当前ext 4.0.2a版本下的，其它版本未做测试，请自行斟酌。首先自定义一下样式，来覆盖默认的css样式：.x-selectable, .x...
ExtJS选中表格行数据然后点击按钮进行操作选中行的数据
JavaCoder_juejue的博客
01-21 1588
1.定义一个变量用来保存选中行数据 2.在对应表格中设置允许被选中 3.在该表格中添加单击监听，添加双击监听为  itemdbclick 4.selectRecord.data.属性名即可获取每一列的数据...
ext不能选中复制属性_[转载]ExtJs疑难杂症之GridPanel单元格不能选中复制问题
weixin_34803977的博客
01-14 124
.x-selectable, .x-selectable * {-moz-user-select: text! important ;-khtml-user-select: text! important ;}step2：修改Ext.grid.GridPanel的protoType，我是自己写了一个新的js文件，记得要在ext-all.js后面引入。if (!Ext.grid.GridView....
ExtJs4.0 GridPanel 单元格、数据内容不能选中复制的解决办法。
aosd53169的博客
11-22 139
　　在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 503
如果您发现其他版本也有此BUG，可参照此方式进行修复，源代码中多了一句拦截mousedown事件的代码mousedownEvent.preventDefault()造成的。 Ext.define('Ext.override.grid.NavigationModel',{ override:'Ext.grid.NavigationModel', onCellMouseDown: fun...
extjs Grid 时,默认初始选中,解决默认选不中的问题
gaoqiao1988的专栏
02-24 3152
extjs Grid 时,默认初始选中 最近在使用带复选框grid组件的时候发现了一个奇怪的问题，第一次载入这个grid组件时就给这个grid组件初始化数据并选中其中的某一项，但始终无法选中，经单步调试发现，选中行的方法已被执行了，只是在所有的东西都执行完后，grid又刷新了一下，导致原先选中的项丢失。  　　代码如下：  Js代码  Ext.onReady(function(){
ext不能选中复制属性_如何实现Extjs的grid单元格只让选择（即可以复制单元格内容）但是不让修改？...
weixin_33882158的博客
12-23 190
自己动手丰衣足食啊，还得自己来解决　在extjs2.0的Ext.grid.GridPanel单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。似乎也没提供属性配置。在网上找到的一些解决办法但不适用于ExtJs4.0。研究半天，覆盖了css，但只在非ie的浏览器有效。修改了extjs源码才解决了在ie的问题。1、css代码：.x-grid-row{line-height:13px;ver...
extjs4 actioncolumn不能使用文字
最新发布
09-15
ExtJS4的ActionColumn是用于在Grid中添加动作按钮的组件，它默认显示图标而不是文字。要更改ActionColumn中的图标为文字，我们可以通过渲染器（renderer）来实现。 在ActionColumn的定义中，我们可以在columns配置项中设置renderer属性来指定渲染函数。渲染函数接收参数value、metaData、record和rowIndex，其中value是该列所对应的数据值，metaData用于渲染的元数据，record是与该行相关的数据记录对象，rowIndex是当前行的索引。 假设我们要将ActionColumn中的图标替换为文字按钮“编辑”，我们可以使用如下方式定义ActionColumn的columns配置项： ```javascript columns: [{ text: '操作', xtype: 'actioncolumn', renderer: function(value, metaData, record, rowIndex) { return '<button>编辑</button>'; } }] ``` 在渲染函数中，我们使用HTML的button标签来生成“编辑”按钮的文字，然后将其作为返回值返回给ActionColumn进行渲染。 通过以上方式，我们可以将ActionColumn中的图标替换为文字，从而满足需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值