2

我是 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
                                    }
                                ]
                            }
                        ]
                    },
4

2 回答 2

0

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

        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..)
于 2013-05-22T13:41:39.413 回答
0

您可以使用 2 个 xtypes 来实现它。

(1) xtype = panel or container 来显示html或者top。(2) xtype = fieldset 为中间内容。

一旦这个 sencha 应用程序在浏览器中呈现，它将被转换为一系列 div 和 span。所以，1# 会给你更多的控制来操纵文本。

我在 senchafiddle 上为你实现了同样的功能，你可以看看，

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

希望能帮助到你。

于 2013-05-17T18:23:53.817 回答