js代码：
Ext.onReady(function(){
queryBar = function(){
var me = this;
queryForm = new Ext.FormPanel({
id: 'query-form',
renderTo: 'query',
title: '查询',
collapsible: true,
titleCollapse: true,
width: '100%',
labelWidth: 100,
autoHeight: true,
frame: true,
labelAlign: 'right',
defaultType: 'textfield',
bodyStyle: 'padding: 15px;',
defaults: {
anchor: '95%',
allowBlank: false,
msgTarget: 'side',
listeners: {
check: function(){
var value = Ext.getCmp('query-form').getForm().getEl().query('input[name="selectby"]:checked')[0].value;
if(Ext.getCmp('gmsfhm')){
Ext.getCmp('gmsfhm').disable();
Ext.getCmp('xm').disable();
Ext.getCmp(value).enable();
}
}
}
},
items: [
{
xtype: 'radio',
name: 'selectby',
inputValue: 'gmsfhm',
checked: true
},
{
xtype: 'textfield',
id: 'gmsfhm',
name: 'gmsfhm',
width: '80%',
fieldLabel: '身份证号',
blankText: '请输入身份证号'
},
{
xtype: 'radio',
name: 'selectby',
inputValue: 'xm'
},
{
xtype: 'textfield',
id: 'xm',
name: 'xm',
width: '80%',
fieldLabel: '姓名',
blankText: '请输入姓名',
disabled: true
}
]
});
};
new queryBar();
});
html代码
<body>
<div id="query"></div>
</body>
我想把第一个radio和第一个textfield放在一行，第二个radio和第二个textfield放在一行。
效果是，点击第一个radio第一个textfield可用 第二个不可用，点击第二个radio第二个textfield可用 第一个不可用
现在问题是radio和textfield放不到同一行，请大家帮忙看看，谢谢
