修改extjs源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
来源:互联网 发布:程序员表白神器 编辑:程序博客网 时间:2024/05/20 14:27
extJS 现在依然存在很多bug,有时挺烦人的。比如,最近就需要复制表格信息,extjs的grid却不支持,研究半天,覆盖了css,但只在非ie的浏览器有效。修改了extjs源码才解决了在ie的问题。
1、添加以下css代码:
<style type="text/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;
}
</style>
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:[
'<tr class="' + Ext.baseCSSPrefix + 'grid-row {addlSelector}{[this.embedRowCls()]}" {[this.embedRowAttr()]}>',
'<tpl for="columns">',
'<td class="{cls} ' + Ext.baseCSSPrefix + 'grid-cell ' +Ext.baseCSSPrefix + 'grid-cell-{columnId} {{id}-modified} {{id}-tdCls}{[this.firstOrLastCls(xindex, xcount)]}" {{id}-tdAttr}><divunselectable="on" //3、把此处的unselectable="on"改成unselectable="" class="' + Ext.baseCSSPrefix +'grid-cell-inner ' + Ext.baseCSSPrefix + 'unselectable"style="{{id}-style}; text-align:{align};">{{id}}</div></td>',
'</tpl>',
'</tr>'
]
...
});
- 修改extjs源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
- extjs的gridpanel的数据内容不能复制解决办法
- extjs的gridpanel的数据内容不能复制解决方法
- extjs的gridpanel的数据内容不能复制解决办法
- extjs的gridpanel的数据内容不能复制解决方法
- ExtJs GridPanel单元格不能选中复制
- ExtJs GridPanel单元格不能选中复制
- ExtJs GridPanel单元格不能选中复制
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- [转]ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- EXTJS GridPanel 右键复制当前选中单元格
- EXTJS GridPanel 右键复制当前选中单元格
- ExtJS gridPanel文本不能复制的解决办法
- ExtJs的Ext.grid.GridPanel不能选择复制表格中的内容解决方案
- 批处理命令之Start的详细用法\批处理打开IE窗口最大化
- CUnit在Linux下安装配置
- 1016. Phone Bills (25)-PAT
- 学习笔记----素数筛
- nginx backdoor
- 修改extjs源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
- 在java代码中进行px与dip(dp)、px与sp单位值的转换
- 对FMDB的进一步封装--不会sql也能用sqlite
- (step6.1.5)hdu 1233(还是畅通工程——最小生成树)
- Processes 和 Threads 学习笔记
- jquery.cookie.js操作cookie-
- 无缝漫游 Seamless Roaming
- 越接触本质,越不会迷茫-《Microsoft SQL Server企业级平台管理实践》
- FOJ 1591 —— Coral的烦恼