Question

extjs 中如何横排表单元素？

new Ext.form.FormPanel({ title:'表单提交示例', labelWidth : 60,//标签宽度 width : 230, frame : true, labelSeparator :'：',//分隔符 applyTo :'form', items:[ new Ext.form.TextField({ fieldLabel:'用户名', name : 'userName', allowBlank : false, vtype:'email' }), new Ext.form.NumberField({ fieldLabel:'密码', name : 'password', inputType : 'password', allowBlank : false }) ], buttons:[ new Ext.Button({ text : '登陆', handler : login }), new Ext.Button({ text : '重置', handler : reset }) ] })

Answer 1

form表单不可以横排显示，如果需要横排显示的话，可以使用表格表单布局（xtype:'tableform'），这种布局的源码可以从网页上下，如果有需要，可以告诉我你邮箱，我可以发给你。
以下是例子
var form = new Ext.form.FormPanel({
frame : true,
autoWidth: true,
title: '表单提交示例',
defaultType : 'textfield',
buttonAlign : 'center',
labelAlign : 'right',
labelWidth : 65,
layout:'tableform', //布局方式

layoutConfig: { columns: 2 }, //列数

items : [{
fieldLabel : "姓名<font color='red'>*</font>",
allowBlank : false,
name : 'userName'
},{
fieldLabel : "密码<font color='red'>*</font>",
inputType : 'password',
maxLength : 8,
name : 'password',
allowBlank : false
}, buttons:[ { text : '登陆', handler : login },{ text : '重置', handler : reset }] });