Sencha 2应用程序中的自定义CSS

Question

快速的问题，我一直试图改变我的Sencha触摸视图的背景颜色和背景图像，但似乎我没有能够正确地实现这一点。

我试过这个：

extend:'Ext.form.Panel',
requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img'],

config:{
    title: 'Login',
    style: {
       background: "#000"   
    },

这是：

extend:'Ext.form.Panel',
requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img'],
    alias: 'widget.loginview',
style:{
    background: '#000'
},
config:{
    title: 'Login',

甚至通过使用cls添加CSS类：

extend:'Ext.form.Panel',
requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img'],
config:{
    title: 'Login',
    cls: 'custom-panel',

其中自定义面板定义为：

.custom-panel{
   background-image: url('../images/bg.jpg');
}

我怎么能让这件事成功呢？

Answer 1

尝试使用baseCls属性代替cls

extend:'Ext.form.Panel',
requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img'],
config:{
    title: 'Login',
    baseCls: 'custom-panel',