EXTJS 哥哥帮小妹看看吧。真心愁啊、、、

如何让2个textField在一行里？求指点，或者有更好的排列方式可否指点小妹。<html>
<title></title>
<head>
<link rel="stylesheet" type="text/css" href="ext-3.4.0\resources\css\ext-all.css"></link>
<script src="ext-3.4.0/adapter/ext/ext-base.js"></script>
<script src="ext-3.4.0/ext-all.js">
</script>



<script>

Ext.onReady(function(){
var etoak = new Ext.form.FormPanel({
title:"myform",
width:500,
hegiht:600,
layout:"form",
items:[{xtype:"panel",layout:"column",items:[{xtype:"panel",layout:"form",items:{xtype:"textfield",fieldLabel:"邮箱",name:"email"}},
{xtype:"panel",layout:"form",items:{xtype:"textfield",fieldLabel:"邮箱",name:"email"}}]},

{xtype:"textfield",fieldLabel:"邮箱",name:"email"},
{xtype:"textfield",fieldLabel:"邮箱",name:"email"},
{xtype:"textfield",fieldLabel:"邮箱",name:"email"},
{xtype:"textfield",fieldLabel:"邮箱",name:"email"}

]
});
etoak.render(document.body);
});

</script>

</head>

<body> </body>
</html>

解决方案 »

  1.   


    //应该是这样吧
    items:[{
                        autoHeight:true,
                        layout:'column',                    border:false,
                        items: [{
                                    columnWidth:.33,
                                    xtype: 'fieldset',
                                    title: '第一列信息',
                                    layout:'form',
                                    defaults: {anchor: '95%'},
                                    style: 'margin-left: 5px;padding-left: 5px;',
                                    items:[
                                        {xtype: 'datefield',fieldLabel: '姓名',name: 'visitdate'},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12}
                                    ]
                                }
    }
      

  2.   

    不行啊。我试过了不行呢<html>
    <title></title>
    <head>
    <link rel="stylesheet" type="text/css" href="ext-3.4.0\resources\css\ext-all.css"></link>
    <script src="ext-3.4.0/adapter/ext/ext-base.js"></script>
    <script src="ext-3.4.0/ext-all.js">
    </script>



    <script>

    Ext.onReady(function(){
    var etoak = new Ext.form.FormPanel({
    title:"myform",
    width:500,
    hegiht:600,
    layout:"form",
    items:[{
                        autoHeight:true,
    layout:'column',
    border:false,
                        items: [{
                                    columnWidth:.33,
                                    xtype: 'fieldset',
                                    title: '第一列信息',
                                    layout:'form',
                                    defaults: {anchor: '95%'},
                                    style: 'margin-left: 5px;padding-left: 5px;',
                                    items:[
                                        {xtype: 'datefield',fieldLabel: '姓名',name: 'visitdate'},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12}
                                    ]
                                }]
    }]
    });
    etoak.render(document.body);
    });

    </script>

    </head>

    <body> </body>
    </html>
      

  3.   


    晕。你还直接用我的例子啊，说了没复制完，你看都只粘贴了一列信息的嘛，显示当然只有一列了…//三列的
    var formPanel = new Ext.form.FormPanel({
                    frame:true,
                    labelWidth: 70,
                    labelAlign:'left',
                    region:'north',
                    enableDrop: true,
                    ddGroup: 'treeID',
                    height: 170,
                    items:[{
                        autoHeight:true,
                        layout:'column',
                        border:false,
                        items: [{
                                    columnWidth:.33,
                                    xtype: 'fieldset',
                                    title: '第一列信息',
                                    layout:'form',
                                    defaults: {anchor: '95%'},
                                    style: 'margin-left: 5px;padding-left: 5px;',
                                    items:[
                                        {xtype: 'datefield',fieldLabel: '姓名',name: 'visitdate'},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12},
                                        {xtype: 'numberfield',fieldLabel: '年龄',name: 'visitetel',maxLength: 12}
                                    ]
                                },
                                {
                                    columnWidth:.33,
                                    xtype: 'fieldset',
                                    title: '第二列信息',
                                    layout:'form',
                                    defaults: {anchor: '95%'},
                                    style: 'margin-left: 5px;padding-left: 5px;',
                                    items:[
                                        {xtype: 'textfield',fieldLabel: '职业',name: 'visitor',maxLength: 5},
                                        {xtype: 'textfield',fieldLabel: '学历',name: 'visitepost',maxLength: 20},
                                        {xtype: 'textfield',fieldLabel: '学历',name: 'visitepost',maxLength: 20},
                                        {xtype: 'textfield',fieldLabel: '学历',name: 'visitepost',maxLength: 20}
                                    ]
                                },
                                {
                                    columnWidth:.33,
                                    xtype: 'fieldset',
                                    title: '第三列信息',
                                    layout:'form',
                                    defaults: {anchor: '95%'},
                                    style: 'margin-left: 5px;padding-left: 5px;',
                                    items:[
                                        {xtype: 'textfield',fieldLabel: '婚姻',name: 'visitor',maxLength: 5},
                                        {xtype: 'textfield',fieldLabel: '驾照',name: 'visitepost',maxLength: 20},
                                        {xtype: 'textfield',fieldLabel: '驾照',name: 'visitepost',maxLength: 20},
                                        {xtype: 'textfield',fieldLabel: '驾照',name: 'visitepost',maxLength: 20}
                                    ]
                                }
                        ]
                     }
                    ]
                });