Ext.onReady(function()
{
var data=
[
['2012年8月1日','10','200'],
['2012年8月2日','10','200'],
['2012年8月3日','12','200'],
['2012年8月4日','12','200'],
['2012年8月5日','12','200'],
['2012年8月6日','12',''],
['2012年8月7日','10',''],
['2012年8月8日','12','200']
];
var data1=
[
['1','育新小区'],
['2','东村家园'],
['3','富力桃园']
];
var data2= new Array();
data2[0] =
[
['11','1单元'],
['12','2单元']
];
data2[1] =
[
['21','3单元'],
['22','4单元']
];
data2[2] =
[
['31','5单元'],
['32','6单元']
];
monthsStore = Ext.create('Ext.data.Store', {
fields: ['name', 'num'],
data: (function() {
var data = [];
Ext.Array.forEach(Ext.Date.monthNames, function(name, i) {
data[i] = {name: name, num: i + 1};
});
return data;
})()
});
var store=new Ext.data.SimpleStore({
data:data,
fields:["id","pingguo","caomei"]});
var store1=new Ext.data.SimpleStore({
data:data1,
fields:['xiaoqu','xiao']});
var store2=new Ext.data.SimpleStore({
data:[],
fields:['value','text']});
var grid=new Ext.grid.GridPanel({
renderTo:Ext.getBody(),
height:200,
width:800,
stripeRow:true,
loadMask:true,
tbar:
[
{
xtype:'label',
text:'小区:'
},
{
xtype:"combo",
mode:'local',
valueField:'xiaoqu',
displayField:'xiao',
width: 50,
store:store1,
listeners:
{
'select' : function(cb)
{
var selectedId = cb.getValue();
store2.loadData(data2[selectedId-1]);
}
}
},
{
xtype:'label',
text:'单元:'
},
{
xtype:"combo",
mode:'local',
valueField:'value',
displayField:'text',
width: 50,
store:store2
},
{
xtype:"tbseparator"
},
{
xtype: 'fieldcontainer',
fieldLabel: '月份',
labelWidth: 25,
autoHeight : true,
layout: 'hbox',
width: 200,
items:
[
{
xtype: 'numberfield',
name: 'ccExpireYear',
hideLabel: true,
width: 80,
value: new Date().getFullYear()
},
{
xtype: 'combobox',
name: 'ccExpireMonth',
displayField: 'name',
valueField: 'num',
queryMode: 'local',
emptyText: 'Month',
hideLabel: true,
width: 80,
margins: '0 6 0 0',
store: monthsStore,
flex: 1,
forceSelection: true
}
]
}
],
columns:
[
{
header:"日期",
flex:1,
dataIndex:"id"
},
{
header:"苹果树",
flex:1,
dataIndex:"pingguo"
},
{
header:"草莓",
flex:1,
dataIndex:"caomei"
}
],
store:store
});
});
{
var data=
[
['2012年8月1日','10','200'],
['2012年8月2日','10','200'],
['2012年8月3日','12','200'],
['2012年8月4日','12','200'],
['2012年8月5日','12','200'],
['2012年8月6日','12',''],
['2012年8月7日','10',''],
['2012年8月8日','12','200']
];
var data1=
[
['1','育新小区'],
['2','东村家园'],
['3','富力桃园']
];
var data2= new Array();
data2[0] =
[
['11','1单元'],
['12','2单元']
];
data2[1] =
[
['21','3单元'],
['22','4单元']
];
data2[2] =
[
['31','5单元'],
['32','6单元']
];
monthsStore = Ext.create('Ext.data.Store', {
fields: ['name', 'num'],
data: (function() {
var data = [];
Ext.Array.forEach(Ext.Date.monthNames, function(name, i) {
data[i] = {name: name, num: i + 1};
});
return data;
})()
});
var store=new Ext.data.SimpleStore({
data:data,
fields:["id","pingguo","caomei"]});
var store1=new Ext.data.SimpleStore({
data:data1,
fields:['xiaoqu','xiao']});
var store2=new Ext.data.SimpleStore({
data:[],
fields:['value','text']});
var grid=new Ext.grid.GridPanel({
renderTo:Ext.getBody(),
height:200,
width:800,
stripeRow:true,
loadMask:true,
tbar:
[
{
xtype:'label',
text:'小区:'
},
{
xtype:"combo",
mode:'local',
valueField:'xiaoqu',
displayField:'xiao',
width: 50,
store:store1,
listeners:
{
'select' : function(cb)
{
var selectedId = cb.getValue();
store2.loadData(data2[selectedId-1]);
}
}
},
{
xtype:'label',
text:'单元:'
},
{
xtype:"combo",
mode:'local',
valueField:'value',
displayField:'text',
width: 50,
store:store2
},
{
xtype:"tbseparator"
},
{
xtype: 'fieldcontainer',
fieldLabel: '月份',
labelWidth: 25,
autoHeight : true,
layout: 'hbox',
width: 200,
items:
[
{
xtype: 'numberfield',
name: 'ccExpireYear',
hideLabel: true,
width: 80,
value: new Date().getFullYear()
},
{
xtype: 'combobox',
name: 'ccExpireMonth',
displayField: 'name',
valueField: 'num',
queryMode: 'local',
emptyText: 'Month',
hideLabel: true,
width: 80,
margins: '0 6 0 0',
store: monthsStore,
flex: 1,
forceSelection: true
}
]
}
],
columns:
[
{
header:"日期",
flex:1,
dataIndex:"id"
},
{
header:"苹果树",
flex:1,
dataIndex:"pingguo"
},
{
header:"草莓",
flex:1,
dataIndex:"caomei"
}
],
store:store
});
});
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货