EXTJS
程序员文章站
2022-03-26 23:01:46
...
extJS在js脚本里面写代码在前端页面显示,在文本框后直接加上模态对话框的实现::::
{
xtype : 'container',
layout : {
type : 'hbox'
},
width:600,
items:[
{
id : 'hospitalName',
fieldLabel : '标签名',
labelAlign : 'right',
width: 200,
xtype : 'textfield'
},
{
xtype : 'button',
margin : '0 0 0 5',
//iconCls : 'application_view_listIcon',
//id: 'btnSelectSupplier',
text : '查询',
width : 30,
handler : function(button) {
//调用给定的窗体
var selForm = Ext.widget("selectMultiHospitalWindow", {'datarange': 1,
selectFn: function(recs){
var rec = recs[0];
Ext.getCmp('hospitalID').setValue(rec.get('id'));
Ext.getCmp('hospitalName').setValue(rec.get('mname'));
}
});
//selForm.setSelectFn(selectCallBack);
selForm.show();
},
labelAlign: 'right'
}
]
},
若是不显示标签名,可以在items属性前面加上一个宽度,width:600,
{
xtype : 'container',
layout : {
type : 'hbox'
},
width:600,
items:[
{
id : 'hospitalName',
fieldLabel : '标签名',
labelAlign : 'right',
width: 200,
xtype : 'textfield'
},
{
xtype : 'button',
margin : '0 0 0 5',
//iconCls : 'application_view_listIcon',
//id: 'btnSelectSupplier',
text : '查询',
width : 30,
handler : function(button) {
//调用给定的窗体
var selForm = Ext.widget("selectMultiHospitalWindow", {'datarange': 1,
selectFn: function(recs){
var rec = recs[0];
Ext.getCmp('hospitalID').setValue(rec.get('id'));
Ext.getCmp('hospitalName').setValue(rec.get('mname'));
}
});
//selForm.setSelectFn(selectCallBack);
selForm.show();
},
labelAlign: 'right'
}
]
},
若是不显示标签名,可以在items属性前面加上一个宽度,width:600,