?? erp2supplier.js
字號:
name: 'homepage',
width:200
}),
new Ext.form.TextField({
fieldLabel: '地址',
name: 'address',
width:200
})
);
// 省市縣三級級聯
var regionRecord = Ext.data.Record.create([
{name: 'id'},
{name: 'name'}
]);
var provinceStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'../region/getChildren.htm'}),
reader: new Ext.data.JsonReader({},regionRecord)
});
var cityStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'../region/getChildren.htm'}),
reader: new Ext.data.JsonReader({},regionRecord)
});
var townStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'../region/getChildren.htm'}),
reader: new Ext.data.JsonReader({},regionRecord)
});
var province = new Ext.form.ComboBox({
id:'provinceId',
name:'province',
fieldLabel: '省',
hiddenName:'province',
store: provinceStore,
valueField:'id',
displayField:'name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'請選擇',
selectOnFocus:true,
width:100,
readOnly:true,
allowBlank:false
});
var city = new Ext.form.ComboBox({
id:'cityId',
name:'city',
fieldLabel: '市',
hiddenName:'city',
store: cityStore,
valueField:'id',
displayField:'name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'請選擇',
selectOnFocus:true,
width:100,
readOnly:true,
allowBlank:false
});
var town = new Ext.form.ComboBox({
id:'townId',
name:'town',
fieldLabel: '縣',
hiddenName:'town',
store: townStore,
valueField:'id',
displayField:'name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'請選擇',
selectOnFocus:true,
width:100,
readOnly:true,
allowBlank:true
});
provinceStore.load();
//cityStore.load();
//townStore.load();
province.on('select',function() {
provinceId = province.getValue();
cityStore.load({
params:{node:provinceId}
});
});
city.on('select',function() {
cityId = city.getValue();
townStore.load({
params:{node:cityId}
});
});
form.column({width:210, labelWidth:80}, province);
form.column({width:210, labelWidth:80}, city);
form.column({width:210, labelWidth:80, clear:true}, town);
form.column({width:640, clear:true},
new Ext.form.TextField({
id:'descn',
name:'descn',
fieldLabel:'備注',
width:520,
height:60
})
);
form.end();
form.fieldset(
{id:'insert-grid', legend:'供應商品', hideLabels:true}
);
//
this.form = form;
},
createGrid : function() {
// 列模型
var cm = new Ext.grid.ColumnModel([{
header:"序號",
dataIndex:"id"
},{
header:"品名",
dataIndex:"name",
editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))
},{
header:"類別",
dataIndex:"type",
renderer:function(value){
if (value == 0) {
return '染料';
} else if (value == 1) {
return '助劑';
} else if (value == 2) {
return '設備';
}
},
editor:new Ext.grid.GridEditor(new Ext.form.ComboBox({
id:'typeId3',
name:'type2',
readOnly:true,
fieldLabel: '類別',
hiddenName:'type2',
store: new Ext.data.SimpleStore({
fields: ['id', 'name'],
data : [['0','染料'],['1','助劑'],['2','設備']]
}),
valueField:'id',
displayField:'name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'請選擇',
selectOnFocus:true
}))
},{
header:"型號",
dataIndex:"material",
editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))
},{
header:"生產廠家",
dataIndex:"factory",
editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))
},{
header:"單價",
dataIndex:"price",
editor:new Ext.grid.GridEditor(new Ext.form.NumberField({allowBlank:false}))
},{
header:"計量單位",
dataIndex:"unit",
renderer:function(value){
if (value == 0) {
return '千克';
} else if (value == 1) {
return '克';
} else if (value == 2) {
return '升';
} else if (value == 3) {
return '毫升';
} else if (value == 4) {
return '臺';
}
},
editor:new Ext.grid.GridEditor(new Ext.form.ComboBox({
id:'unitId',
name:'unit',
readOnly:true,
fieldLabel: '計量單位',
hiddenName:'unit',
store: new Ext.data.SimpleStore({
fields: ['id', 'name'],
data : [['0','千克'],['1','克'],['2','升'],['3','毫升'],['4','臺']]
}),
valueField:'id',
displayField:'name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'請選擇',
selectOnFocus:true
}))
}]);
cm.defaultSortable = true;//排序
// 數據模型
var RecordProduct = Ext.data.Record.create([
{name: "id"},
{name: "name"},
{name: "type"},
{name: "material"},
{name: "factory"},
{name: "price"},
{name: "unit"}
]);
// 數據存儲器
var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'getProductsBySupplier.htm'}),
reader: new Ext.data.JsonReader({}, RecordProduct),
remoteSort: false
});
var gridDiv = Ext.get('insert-grid');
gridDiv.createChild({
tag:'div',
id:'insert-grid2',
style:'border:1px solid #6FA0DF;'
});
/*
insertGrid.createChild({
tag:'div',
id:'insert-grid2-resize'
});
*/
var grid = new Ext.grid.EditorGrid('insert-grid2', {ds: ds, cm: cm, enableColLock: false});
/*
var rz = new Ext.Resizable('insert-grid2-resize', {
wrap:true,
minHeight:100,
pinned:true,
handles:'s'
});
rz.on('resize', insertGrid.autoSize, insertGrid);
*/
grid.render();
// 頁頭
var gridHead = grid.getView().getHeaderPanel(true);
var tb = new Ext.Toolbar(gridHead, [{
text: '添加',
handler : function(){
var entity = new RecordProduct({
id:-1,
name:'',
type:0,
material:'',
factory:'',
price:0,
unit:0
});
grid.stopEditing();
ds.insert(0, entity);
grid.startEditing(0, 1);
}
}, {
text: '刪除',
handler: function() {
if(grid.getSelectionModel().hasSelection()) {
Ext.MessageBox.confirm('提示', '是否確定刪除' , function(btn){
if(btn == 'yes') {
var cell = grid.getSelectionModel().getSelectedCell();
var record = ds.getAt(cell[0]);
var id = record.get("id");
ds.remove(record);
if (id != -1) {
Ext.Ajax.request({
url : '../erp2product/remove.htm?ids=' + id,
success : function() {
Ext.MessageBox.alert('提示', '刪除成功！');
},
failure : function(){
Ext.MessageBox.alert('提示', '刪除失敗！');
}
});
}
}
});
} else {
Ext.MessageBox.alert('警告', '至少要選擇一條記錄');
}
}
}]);
this.grid = grid;
}
};
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -