/**
* 树状图
*/
Ext.chart.Chart.CHART_URL = 'extjs/resources/charts.swf'
//编码处理Ext.onReady(function(){
var fields = [{name:'data',type:'string'},{name:'visits',type:'int'},{name:'views',type:'int'}]
var str ="";
var cbo = new Ext.form.ComboBox({
mode : 'local',
editable : false,
store : new Ext.data.SimpleStore({
data : [['性别', '性别'], ['学历', '学历'],['部门信息','部门信息']],
fields : ['text', 'value']
}),
displayField : 'text',
valueField : 'value',
triggerAction : 'all',
name:'text',
//该属性是获取cbo中的value值
hiddenName:'value',
emptyText : '请选择系别'
});
url = "ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action";
var store = new Ext.data.Store({
url:url,//获取数据
method:'POST', //提交方式
remoteSort:true,
reader:new Ext.data.JsonReader({ //json方式读取数据
id:'data',
totalProperty : 'results',
root : 'items'
},fields)
});
//定义一个刷新按钮
var button = new Ext.Button({
text:'刷新',
iconCls:'refresh',
iconAlian:'right',
handler:function()
{
if(Ext.get("value").dom.value=="")
{
Ext.Ajax.request({
url:'ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action',
//获取到com中的值传入到Action中
params:{type:"部门信息"}
})
}
else
{
Ext.Ajax.request({
url:'ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action',
//获取到com中的值传入到Action中
params:{type:Ext.get("value").dom.value}
})
store.load();
}
}
})
//创建一个查看报表的button
var search = new Ext.Button( {
text : '查看报表',
iconCls : 'search-act',
handler:function()
{
Ext.Ajax.request({
url:'ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action',
//获取到com中的值传入到Action中
params:{type:Ext.get("value").dom.value}
})
store.load();
}
});
var panel = new Ext.Panel({
iconCls:'chart',
title: '员工信息报表',
frame:true,
width:500,
height:300,
layout:'fit',
tbar:[cbo,'-',button,'->',search ],
items: {
xtype: 'columnchart',
store: store,
url:'extjs/resources/charts.swf',
xField: 'data',
yAxis: new Ext.chart.NumericAxis({
displayName: 'Visits',
labelRenderer : Ext.util.Format.numberRenderer('0,0')
}),
tipRenderer : function(chart, record, index, series){
if(series.yField == 'visits'){
return Ext.util.Format.number(record.data.visits, '0,0') + ' ' + record.data.name;
}else{
return Ext.util.Format.number(record.data.views, '0,0') + ' 人 ' + record.data.name;
}
},
chartStyle: {
padding: 10,
animationEnabled: true,
font: {
name: 'Tahoma',
color: 0x444444,
size: 11
},
dataTip: {
padding: 5,
border: {
color: 0x99bbe8,
size:1
},
background: {
color: 0xDAE7F6,
alpha: .9
},
font: {
name: 'Tahoma',
color: 0x15428B,
size: 10,
bold: true
}
},
xAxis: {
color: 0x69aBc8,
majorTicks: {color: 0x69aBc8, length: 4},
minorTicks: {color: 0x69aBc8, length: 2},
majorGridLines: {size: 1, color: 0xeeeeee}
},
yAxis: {
color: 0x69aBc8,
majorTicks: {color: 0x69aBc8, length: 4},
minorTicks: {color: 0x69aBc8, length: 2},
majorGridLines: {size: 1, color: 0xdfe8f6}
}
},
series: [{
type: 'column',
displayName: 'Page Views',
yField: 'views',
style: {
image:'bar.gif',
mode: 'stretch',
color:0x99BBE8
}
}]
}
});
var win = new Ext.Window({
title:'123',
width:800,
height:500,
closeAction:'hide',
items:[panel]
}) //Ext.data.JsonStore读入数据之前的事件,store不需要在写baseParams,因为会覆盖掉.
//(每次调用都载入此函数,'load'则第一次不调用外,其余都调用).
store.on('beforeload',function()
{
this.baseParams = {
type:Ext.get("value").dom.value
}; })
//加载数据
store.load();
var btn = Ext.get("EmpR");
btn.on('click',function(){
win.show();
})
});
* 树状图
*/
Ext.chart.Chart.CHART_URL = 'extjs/resources/charts.swf'
//编码处理Ext.onReady(function(){
var fields = [{name:'data',type:'string'},{name:'visits',type:'int'},{name:'views',type:'int'}]
var str ="";
var cbo = new Ext.form.ComboBox({
mode : 'local',
editable : false,
store : new Ext.data.SimpleStore({
data : [['性别', '性别'], ['学历', '学历'],['部门信息','部门信息']],
fields : ['text', 'value']
}),
displayField : 'text',
valueField : 'value',
triggerAction : 'all',
name:'text',
//该属性是获取cbo中的value值
hiddenName:'value',
emptyText : '请选择系别'
});
url = "ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action";
var store = new Ext.data.Store({
url:url,//获取数据
method:'POST', //提交方式
remoteSort:true,
reader:new Ext.data.JsonReader({ //json方式读取数据
id:'data',
totalProperty : 'results',
root : 'items'
},fields)
});
//定义一个刷新按钮
var button = new Ext.Button({
text:'刷新',
iconCls:'refresh',
iconAlian:'right',
handler:function()
{
if(Ext.get("value").dom.value=="")
{
Ext.Ajax.request({
url:'ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action',
//获取到com中的值传入到Action中
params:{type:"部门信息"}
})
}
else
{
Ext.Ajax.request({
url:'ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action',
//获取到com中的值传入到Action中
params:{type:Ext.get("value").dom.value}
})
store.load();
}
}
})
//创建一个查看报表的button
var search = new Ext.Button( {
text : '查看报表',
iconCls : 'search-act',
handler:function()
{
Ext.Ajax.request({
url:'ERPProject/src/com.erp.action.cm/EmployeeDeptAction!getDeptSum.action',
//获取到com中的值传入到Action中
params:{type:Ext.get("value").dom.value}
})
store.load();
}
});
var panel = new Ext.Panel({
iconCls:'chart',
title: '员工信息报表',
frame:true,
width:500,
height:300,
layout:'fit',
tbar:[cbo,'-',button,'->',search ],
items: {
xtype: 'columnchart',
store: store,
url:'extjs/resources/charts.swf',
xField: 'data',
yAxis: new Ext.chart.NumericAxis({
displayName: 'Visits',
labelRenderer : Ext.util.Format.numberRenderer('0,0')
}),
tipRenderer : function(chart, record, index, series){
if(series.yField == 'visits'){
return Ext.util.Format.number(record.data.visits, '0,0') + ' ' + record.data.name;
}else{
return Ext.util.Format.number(record.data.views, '0,0') + ' 人 ' + record.data.name;
}
},
chartStyle: {
padding: 10,
animationEnabled: true,
font: {
name: 'Tahoma',
color: 0x444444,
size: 11
},
dataTip: {
padding: 5,
border: {
color: 0x99bbe8,
size:1
},
background: {
color: 0xDAE7F6,
alpha: .9
},
font: {
name: 'Tahoma',
color: 0x15428B,
size: 10,
bold: true
}
},
xAxis: {
color: 0x69aBc8,
majorTicks: {color: 0x69aBc8, length: 4},
minorTicks: {color: 0x69aBc8, length: 2},
majorGridLines: {size: 1, color: 0xeeeeee}
},
yAxis: {
color: 0x69aBc8,
majorTicks: {color: 0x69aBc8, length: 4},
minorTicks: {color: 0x69aBc8, length: 2},
majorGridLines: {size: 1, color: 0xdfe8f6}
}
},
series: [{
type: 'column',
displayName: 'Page Views',
yField: 'views',
style: {
image:'bar.gif',
mode: 'stretch',
color:0x99BBE8
}
}]
}
});
var win = new Ext.Window({
title:'123',
width:800,
height:500,
closeAction:'hide',
items:[panel]
}) //Ext.data.JsonStore读入数据之前的事件,store不需要在写baseParams,因为会覆盖掉.
//(每次调用都载入此函数,'load'则第一次不调用外,其余都调用).
store.on('beforeload',function()
{
this.baseParams = {
type:Ext.get("value").dom.value
}; })
//加载数据
store.load();
var btn = Ext.get("EmpR");
btn.on('click',function(){
win.show();
})
});
加上getEl()试试
如 Ext.get("value").getEl().dom.value
1 赋值的 时候 给的 null2 dom对象 没有初始化3 忘了赋值了