javascript - 在范围 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 在此链接中解释了修复。

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');
    });