0

コンボボックスに奇妙なスペースが表示されます。プロジェクトの ExtJS ライブラリを既に置き換えましたが、まだうまくいきません。

ここで何が起こっているのでしょうか？

これがどのように見えるかの写真です...

ここに画像の説明を入力

そして、これが私が使用したコードです

Ext.define('Ext.view.AddMaintenanceWindow',{
extend      :'Ext.window.Window',
constructor :function(config){
    Ext.apply(this, config);
    var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
    {"abbr":"AL", "name":"Alabama"},
    {"abbr":"AK", "name":"Alaska"},
    {"abbr":"AZ", "name":"Arizona"}
]
});
    Ext.apply(this,{
        title   :'Agregar nueva entrada de mantenimiento',
        items   :[
                    Ext.create('Ext.panel.Panel',{
                        items       :[
                                        Ext.create('Ext.form.ComboBox', {
                                            fieldLabel: 'Choose State',
                                            store: states,
                                            queryMode: 'local',
                                            displayField: 'name',
                                            valueField: 'abbr'
                                        })
                                    ]
                    })
                ]
    });
    this.superclass.constructor.call(this);
},
initComponent:function(){
    this.superclass.initComponent.apply(this, arguments);
}
})

念のため...Yii + ExtJSを使用しています（Ext4Yiiなし）

ちなみに、boxselectも使用しようとしました（ダウンロードしてコピーしました）が、同じ結果が得られましたが、boxselectを使用しました）

新しい yii プロジェクトを作成し、すべてのファイルをそのプロジェクトにコピーすることで、これを解決しました。奇妙なことに、私は以前にそれをすでに行っていてうまくいきませんでしたが、今回はうまくいきました。問題が何であったかについてはまだ興味があります。

4

1 に答える 1

0

paddingスクリーンショットの外観から、余分なものまたはmarginsリスト (スペースではない)を取得しているように見えます。Firebug を備えた Chrome や Firefox などの最新のブラウザを使用して、「Alabama」の周囲の要素を調べます。余分なパディング/マージンを追加している CSS セレクターを見つけて、リストボックス用にオーバーライドします。

于 2012-12-15T06:18:41.863 に答える