0

タブパネルにあるリストに背景を追加したい。しかし、レイアウトを合わせるとすぐに背景が消えます...レイアウトを削除すると、リストが消えます..

リストは、レイアウトが適切な場合にのみ表示されるようです...

誰でも助けることができますか？

よろしくお願いします...

    ****************************  Bollist.js  **********************

    Ext.define('tabla.view.Bollist',
{
    extend:'Ext.Panel',
    xtype:'Bollist',
    config:{
        title:'Bols',
        iconCls:'music2',
        layout:'fit',
        items:[
            {
                xtype:'list',
                store:'BolStore',
                itemTpl:'{name}'
            }
        ]
    }
});

     *************** Main.js **************

    Ext.define("tabla.view.Main", {
extend: 'Ext.tab.Panel',
requires: [
    'Ext.TitleBar',
    'Ext.dataview.List'
],
config: {
    tabBarPosition: 'bottom',

    items: [
        {
            style:{
                backgroundImage:'url(resources/images/bg.png)',
                backgroundRepeat:'repeat',
                backgroundPosition:'center',
                backgroundSize:'cover'
            },
            xtype:'home'
        },
        {
            style:{
                background:'red',
                backgroundRepeat:'repeat',
                backgroundPosition:'center',
                backgroundSize:'cover'
            },
            xtype:'Bollist'
        }
    ]
}

});

    Ext.define('tabla.store.BolStore',{
extend:'Ext.data.Store',
config:
{
    model:'tabla.model.Bol',
    data:[
        { name: 'Na/Ta' },
        { name: 'Ti' },
        { name: 'Tin' },
        { name: 'Ri'},
        { name: 'Ge' },
        { name: 'Ka/Kat'},
        { name: 'Dha'},
        { name: 'Dhi'},
        { name: 'Dhin'},
        { name: 'Toon'}
    ]
}

});

4

1 に答える 1

0

このアプローチを試してみてください。これは私にとってはうまくいきます。

スタイルをリストから削除:

      style:{
             background:'red',
            backgroundRepeat:'repeat',
            backgroundPosition:'center',
            backgroundSize:'cover'
        }

次のようにindex.htmlにCSS ファイルを追加 します。

  <link href="app.css" rel="stylesheet" type="text/css" />

app.cssに次のコードを追加します。

 .x-list
{
  background:'red';
}

お役に立てれば。

于 2012-09-18T13:40:04.957 に答える