0

我的数据存储中有一组数据，我在 .js 视图中使用容器内的文本字段输出数据。我还禁用了这些字段，只是为了显示数据并且不可编辑。我想知道是否有任何替代使用 'xtype: textfield' 和 'xtype: textareafield' ？

有了这个问题，我正在尝试使用 hbox 作为替代方法创建一个包含两个组件的容器，这是我拥有的以下代码：

    var formContainer1 = new Ext.Container({
        width: '100%',
        height: '65%',            
        layout: {
            type: 'vbox',
        //    type: 'hbox',
            align: 'stretch',
        },
        defaults: {
            labelAlign:'left',            
        //    labelWidth:'30%',
            labelWidth:'25%',
        },
        items: [
            { 
                bodyStyle: "background-color: #52ABD5;", //Color = Light Blue
                html: '<font face="Helvetica" size="4" color="white" ><p>Information</p>'
            },
            {
                xtype: 'textfield',
            //    xtype: 'component',
                name: 'Description',
                disabled: true,
                label: 'Desc',                    
            },{
                xtype: 'textfield',
            //    xtype: 'component',
                name: 'Number',
                disabled: true,
                label: 'ANumber',
                id: 'ANumber',
            },{
                xtype: 'textareafield',
            //    xtype: 'component',
                name: 'directions',
                disabled: true,
                label: 'Directions',
                height: 'auto',
            //    defaults: {
                    //required: true,
            //        labelAlign: 'left',
            //        labelWidth: '100%'
            //    },                        
            },
        ],
    /*    dockedItems: [
            {
                layout: 'hbox',
                xtype: 'toolbar',
                dock: 'top',
                title: 'Information',
            //    scroll: 'horizontal',
            }
        ]*/
    });

现在这段代码工作得很好，除了我不想使用'textfield'或'textareafield'。我仍在使用这些，因为我尝试使用 xtype: 组件，但它没有用。此外，当我在 hbox 布局中尝试此操作时，它并没有像我想要的那样显示（一行接一行）。我很确定我只是不理解“使用 hbox 的组件”部分，因为是的，我希望这个容器看起来非常接近：

图片网址：http: //farm3.staticflickr.com/2683/5852914556_b2886e3363.jpg

（注意：指的是最右边的带有容器的 iphone 图片）

请在“w/2 components usnig hbox”部分为我澄清一下。谢谢！

顺便说一句：http ://www.sencha.com/forum/showthread.php?186243-Alternatives-to-textfield&p=759843#post759843

我在那篇帖子上的用户名：kevinjset。这是我在 Sencha touch 论坛上发布的原始帖子，问了同样的问题，我只是想看看你们是否在 Stack Overflow！也可以帮帮我！谢谢，受用了。

4

1 回答 1

0

这相当乏味，但它可能会帮助你

{
            xtype:'fieldset',
            title:'fieldset1',
            items:[{
                xtype:'container',
                layout:'hbox',
                items:[{
                    xtype:'container',
                    flex:1,
                    html:'1'
                },{
                    xtype:'container',
                    flex:1,
                    html:'2'
                },{
                    xtype:'container',
                    flex:1,
                    html:'3'
                }]
            },{
                xtype:'container',
                layout:'hbox',
                items:[{
                    xtype:'container',
                    flex:1,
                    html:'4'
                },{
                    xtype:'container',
                    flex:1,
                    html:'4'
                },{
                    xtype:'container',
                    flex:1,
                    html:'6'
                }]
            }]
        }
于 2012-03-21T00:09:55.913 回答