在范围CSS模式下设置ExtJS 4.2的正确方法是什么？

Question

似乎ExtJS 4.2不包含作用域CSS。因此，当我应用ExtJS渲染网格时，我的页面外观会被破坏。 我已查看此链接：How to scope the reset CSS so that is applied to Ext components using scopeResetCSS property?

我想知道是否有一种方法可以使用范围重置CSS或任何方法在ExtJS 4.2中执行我想要的操作。

Answer 1

@Sencha解释了this链接中的修复。

ExtJs v4.1.1 or v4.2.1
    Ext = {
            buildSettings:{
            baseCSSPrefix: 'x-',
            scopeResetCSS: true                
        }
    };

ExtJs v4.2.0
    Ext.define('Ext.BorderBoxFix', {
        override: 'Ext.AbstractComponent',


        initStyles: function(targetEl) {
            this.callParent(arguments);


            if (Ext.isBorderBox && (!me.ownerCt || me.floating)) {
                targetEl.addCls(Ext.baseCSSPrefix + 'border-box');
            }
        }
    });


    Ext.onReady(function() {
        Ext.fly(document.documentElement).removeCls(Ext.baseCSSPrefix + 'border-box');
    });