extjs 4.0.7 grid复制问题

解决ext4.0.7的grid复制问题

最新推荐文章于 2016-07-21 00:07:25 发布

原创最新推荐文章于 2016-07-21 00:07:25 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

转载日志专栏收录该内容

5 篇文章

订阅专栏

本文提供了解决ext4.0.7中grid复制问题的方法，通过CSS样式修改，防止误操作导致的数据丢失。使用了Ext.js框架的TableChunker组件来实现。

在百度上搜过来的，不知道原来的出处，可以解决ext 4.0.7的grid复制问题

.x-grid-cell, .x-grid-row, .x-selectable, .x-selectable *{-moz-user-select: -moz-all !important;-khtml-user-select: text! important ;-webkit-user-select: text! important ;   }


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}><div class="' + Ext.baseCSSPrefix + 'grid-cell-inner" style="{{id}-style}; text-align: {align};">{{id}}</div></td>',
            '</tpl>',
            '</tr>'
        ];

Ext.core.Element.prototype.unselectable = function() {
            var me = this;
            if (me.dom.className.match(/(x-grid-table|x-grid-view)/)) {
                return me;
            }
            me.dom.unselectable = "on";
            me.swallowEvent("selectstart", true);
            me.applyStyles("-moz-user-select:none;-khtml-user-select:none;");
            me.addCls(Ext.baseCSSPrefix + 'unselectable');
            return me;
        };