2

我想使用 $panel-body-background-color 设置面板的背景颜色。那么如何在面板配置中进行设置?我在遵循代码和平时遇到错误。

这是代码

var mainPanel = Ext.create('Ext.form.Panel', {
  renderTo: Ext.get('main'),
  xtype: 'form',
  title: 'User Registration',
  $panel-body-background-color : black /style:{'$panel-body-background-color:#64FE2E'}
});
4

2 回答 2

2

$panel-body-background-color 不是组件配置,它们是 SASS 变量。它们是在您的应用程序代码之外定义和配置的。有关 ExtJS 主题的快速教程,请参阅下面的链接。它非常强大,但一开始可能会让人不知所措。

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming

您应该使用 Sencha 命令来使其正常工作,如果您可以浏览包文件夹以查看主题及其设置方式。您还可以使用 Sencha 命令创建一个新主题:

sencha generate theme my-custom-theme
于 2013-08-26T20:52:52.933 回答
0

我可以知道改变背景颜色的原因吗?

代码可以是这样的,

  Ext.onReady(function() {
    var mainPanel = Ext.create('Ext.form.Panel', {
               renderTo: Ext.getBody(),
               title: 'User Registration',
               width:300,
               height:400,
               bodyStyle:{
                 background:'pink'
               }
    });
  });
于 2013-08-26T09:58:57.763 回答