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?

ExtJS 4.2 でスコープを CSS にリセットする方法や、私がやりたいことを行う方法があるのだろうか。

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