博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ext不能选中复制属性_如何实现Extjs的grid单元格只让选择(即可以复制单元格内容)但是不让修改?...
阅读量:6409 次
发布时间:2019-06-23

本文共 1259 字,大约阅读时间需要 4 分钟。

自己动手丰衣足食啊,还得自己来解决 在extjs2.0的Ext.grid.GridPanel单元格的内容不能选中,没法选中就没法复制,给用户带来很多不便。似乎也没提供属性配置。在网上找到的一些解决办法但不适用于ExtJs4.0。研究半天,覆盖了css,但只在非ie的浏览器有效。修改了extjs源码才解决了在ie的问题。

1、css代码:

.x-grid-row

{

line-height:13px;vertical-align:top;padding:0 1px; -moz-user-select:text!important;-khtml-user-select:text!important;-webkit-user-select:text!important;

}

.x-grid-cell

{

overflow:hidden;font:normal 13px tahoma, arial, verdana, sans-serif;-moz-user-select:text!important;-khtml-user-select:text!important;-webkit-user-select:text!important;

}

.x-unselectable

{

-moz-user-select:text!important;-khtml-user-select:text!important;-webkit-user-select:text!important;

}

2、修改extjs4.0的ext-all.js(或ext-all-debug.js)三处代码:

找到 Ext.override(Ext.core.Element, {

....

unselectable : function(){

var me = this;

me.dom.unselectable = "on";//1、把me.dom.unselectable = "on"修改为me.dom.unselectable = ""

me.swallowEvent("selectstart", true);//2、把ture改成false

me.applyStyles("-moz-user-select:none;-khtml-user-select:none;");

me.addCls(Ext.baseCSSPrefix + 'unselectable');

return me;

}

...

});

找到 Ext.override(Ext.view.TableChunker, {

...

metaRowTpl: [

'

',

'',

'

{
{id}}
',

'',

'

'

]//3、把unselectable="on"改成unselectable=""

...

});

这直接修改extjs4.0源代码不怎么友好,但本人extjs水平有限,还望大家提供方法修改。。

(以上在extjs4.0.2a测试通过)

转载地址:http://rawra.baihongyu.com/

你可能感兴趣的文章
在线浏览PDF文件的实用jquery插件推荐
查看>>
dd命令使用详解
查看>>
centos7 设置开机启动服务
查看>>
【Java基础】序列化与反序列化深入分析
查看>>
浏览器跨域问题(jsonp)——jsonp详解
查看>>
Spring 注解总结
查看>>
4K加速普及,8K近在咫尺,下一个是?
查看>>
Application security
查看>>
主键生成策略
查看>>
django admin中保存添加的数据提示need string or buffer, int found
查看>>
Autofac.Integration.Mvc分析
查看>>
[Spring框架]Spring开发实例: XML+注解.
查看>>
java.lang.NoClassDefFoundError: javax/transaction/Synchronization
查看>>
黑客与画家——读后感
查看>>
实参时丢弃了类型 discards qualifiers discards qualifiers问题
查看>>
bzoj-2115 Xor
查看>>
gridcontrol复选框功能实现(超具体)
查看>>
Java面试题集(二)
查看>>
C#使用UUID生成ID
查看>>
图像处理就在身边
查看>>