Question

我是Sencha Touch 2的新用户，想要在页面顶部放置一个HTML标记，并在下面放置一个xtype：formpanel。有任何线索如何做到这一点？我是否必须将这两个元素放在另一个xtype中？

提前谢谢。

代码如下所示（当然代码之前有些东西）：

xtype: 'carousel',
                direction: 'horizontal',
                //Will be applied to every object in the array by default
                defaults: {
                    styleHtmlContent: 'true',
                    scrollable: true
                },
                items: [
                    {
                        cls: 'configurator-item',
                        html: '<h2>Demo heading</h2>',

                        xtype: 'formpanel',
                        items: [
                            {
                                xtype: 'fieldset',
                                title: 'Demo',
                                defaults: {
                                    //labelWidth: '30%',
                                    autoCapitalize: true,
                                    //required: true,
                                    clearIcon: true
                                    },
                                items: [
                                    {
                                        xtype: 'textfield',
                                        name: 'locationOfHouse',
                                        label: 'Demo',
                                        placeHolder: 'Demo?'
                                    },
                                    {
                                        xtype: 'spinnerfield',
                                        name: 'numberOfPeople',
                                        label: 'Demo',
                                                                                    minValue: 0,
                                        maxValue: 99,
                                        increment: 1,
                                        cycle: true
                                    }
                                ]
                            }
                        ]
                    },

Answer 1

您可以使用2 xtypes实现此目的。

（1）xtype =要显示html或top的面板或容器。（2）xtype =中间内容的字段集。

一旦这个sencha应用程序在浏览器中呈现，它将被转换为一系列div和span。因此，1＃将为您提供更多控制来操作文本。

我已经在senchafiddle为你实现了相同的功能，你可以看看，

http://www.senchafiddle.com/#PHRyc

希望它有所帮助。

Answer 2

是的，谢谢我同时得到它：

        items: [
        {
            xtype: 'container',
            layout: 'vbox',
            items: [
                {
                    xtype: 'panel',
                    docked: 'top',
                    html: [
                        '<h1>Demo heading</h1>'
                },
                {
                    xtype: 'fieldset',
                    title: 'Demo',
                    defaults: {
                        //labelWidth: '30%',
                        autoCapitalize: true,
                        //required: true,
                        clearIcon: true,
                        labelAlign: 'top',
                        },
                    items: [
                        {
                            xtype: 'textfield',
                            name: 'Demo',
                            label: 'Demo',
                            labelWidth: '33%',
                            placeHolder: 'Demo'
                        }
  (..and closing all the brackets above..)

HTML格式高于xtype：＆＃39; formpanel＆＃39;在Sencha Touch 2？

2 个答案: