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放不到同一行，请大家帮忙看看，谢谢

易樊

如何实现<s:textfield>和<s:select>提交时合并为一个id元素？

1条回答

为你推荐