Question

我有这段代码：

Ext.define('play.view.Quiz', {
extend: 'Ext.Container',
xtype: 'myquiz',
config: {
    fullscreen: true,
    layout: 'vbox',
    title: 'My Quiz',
    items: [
        /* Questions */
        {
            xtype: 'my_questions'
        },
    ]
}
});

和

Ext.define('play.view.Questions', {
extend: 'Ext.Carousel',
xtype: 'my_questions',
config: {
    defaults: {
        styleHtmlContent: true
    },
    items: [
        {
            html : 'Item 1',
            style: 'background-color: #5E99CC'
        },
        {
            html : 'Item 2',
            style: 'background-color: #759E60'
        },
        {
            html : 'Item 3'
        }
    ]
}
});

问题不会显示，但当我将问题放在测验项目中时，它们会显示出来。

是否可以从容器中引用轮播xtype？

Answer 1

是的@Bohbo你可以这样做：

Ext.define('play.view.Questions', {
  extend: 'Ext.Carousel',
  xtype: 'my_questions',
  config: {
     defaults: {
     styleHtmlContent: true,
     layout: 'fit',
     items: [
           {
             html : 'Item 1',
             style: 'background-color: #5E99CC'
           },
           {
             html : 'Item 2',
             style: 'background-color: #759E60'
           },
           {
             html : 'Item 3'
           }
         ]
  },
});

注意重要元素是布局：'fit'。我希望这有帮助。：）

在sencha touch 2中从容器中引用轮播xtype

1 个答案: