ExtJs4 学习3 combox自动加载的例子
Ext.onReady(function() {
delivery_datas = [{
"Id" : "1",
"Name" : "邮寄"
}, {
"Id" : "2",
"Name" : "自提"
}, {
"Id" : "3",
"Name" : "送货上门"
}];
var f_width = 250;
var f_label = 60;
// 客户资料新增
var addForm = Ext.create(‘Ext.form.Panel‘, {
autoWidth : true,
autoHeight : true,
id : ‘custInfo_addForm‘,
autoScroll : true,
frame : true,
lableAlign : "right",
items : [{
layout : ‘column‘,
frame : true,
style : ‘border:0px solid black; border-top:0;‘,
items : [{
xtype : ‘textfield‘,
name : ‘customerLongName‘,
id : ‘customerLongName‘,
hidden : true,
hideLabel : true,
fieldLabel : ‘客户名称‘,
margin : ‘0 0 0 70‘,
width : 340,
labelWidth : 60
}, {
xtype : ‘combobox‘,
name : ‘delivery‘,
id : ‘delivery‘,
fieldLabel : ‘交付方式‘,
queryMode : ‘local‘,
displayField : ‘Name‘,
emptyText : ‘请选择‘,
editable : false,
valueField : ‘Id‘,
store : Ext.create(
‘Ext.data.Store‘, {
fields : [‘Id‘,
‘Name‘],
data : mydata
}),
width : f_width,
labelWidth : f_label,
margin : ‘0 0 0 150‘
}]
}]
});
var win = Ext.create(‘Ext.window.Window‘, {
title : ‘顾客资料新增‘,
width : 800,
height : 500,
layout : ‘fit‘,
modal : true,
autoScroll : true,
closeAction : ‘hide‘,
border : 0,
buttonAlign : ‘center‘,
items : [addForm],
buttons : [{
text : "保存",
minWidth : 70,
handler : function() {
if (addForm.getForm().isValid()) {
var url = ‘insert‘;
// submit(addForm, url, win, panel);
}
}
}, {
text : "关闭",
minWidth : 70,
handler : function() {
win.hide();
}
}]
});
win.show();
})
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。