CFXIXI工作室首页
CF西西的博客 | sencha-touch-2.0中新建一个简单form提交表单

sencha-touch-2.0中新建一个简单form提交表单

29. 三月 2012

页面其实不复杂定义的是一个vbox布局,在布局上放置fieldset 和 submit button就可以,如图:

Ext.create("Ext.tab.Panel", {
            fullscreen: true,
            tabBarPosition: 'bottom',

            items: [
                {
                    title: 'Contact',
                    iconCls: 'user',
                    xtype: 'formpanel',
                    url: 'contact.php',
                    layout: 'vbox',

                    items: [
                        {
                            xtype: 'fieldset',
                            title: 'Contact Us',
                            instructions: '(email address is optional)',
                            items: [
                                {
                                    xtype: 'textfield',
                                    label: 'Name'
                                },
                                {
                                    xtype: 'emailfield',
                                    label: 'Email'
                                },
                                {
                                    xtype: 'textareafield',
                                    label: 'Message'
                                }
                            ]
                        },
                        {
                            xtype: 'button',
                            text: 'Send',
                            ui: 'confirm',
                            handler: function() {
                                 alert("ti jiao ok");
                                //this.up('formpanel').submit();
                            }
                        }
                    ]
                }
            ]
        });

sencha touch 2