您的位置:首页 > Web前端 > JavaScript

extjs动态添加列

2015-06-23 17:01 696 查看
可以根据日期,动态的插入一列



controller层:

StdDayWordQuery:function(btn,event){
var form=Ext.getCmp('queryFormSDW');
paramsForDayWord=Ext.encode(form.getForm().getValues());
Ext.Ajax.request({
url:'getDailyWordNum.action',
headers: {
'Content-Type': 'application/json'
},
params :paramsForDayWord,
async:false,
success:function(response) {
var results=Ext.decode(response.responseText);
if(results.success){
var rows = results.rows;
var header = results.header;
var cols = new Array();
cols.push(new Ext.grid.RowNumberer({
xtype:'rownumberer',
text:'序号',
flex:1,
align:'center'
}));
for(var x in header){
cols.push(new Ext.grid.column.Column({
text: header[x],
dataIndex : header[x],
flex:1,
align:'center'
}));
}
var store = new Ext.data.Store({
fields: header,
data: rows
});
var grid = Ext.getCmp('StudentDayWordGrid');
grid.reconfigure(store,cols);
Ext.getCmp('StudentDayWordGrid').show();
}
else{
Ext.Msg.alert("错误", results.msg);
paramsForDayWord="";
Ext.getCmp('StudentDayWordGrid').hide();
}
}
});
},


view层:

Ext.define('ExtApp.view.StudentDayWord', {
extend : 'Ext.panel.Panel',
xtype : 'StudentDayWord',
overflowY:'auto',
fieldDefaults: {
labelAlign: 'left',
msgTarget: 'side'
},
layout: {
type:'vbox',
align:'stretch'
},
border:false,
items:[{
height:40,
border:false,
items:[{
xtype:'form',
height:40,
id:'queryFormSDW',
width:'100%',
items:[{
xtype:'container',
padding:5,
layout:{
type:'hbox'
},
items:[{
labelWidth:60,
width: 200,
labelAlign:'right',
xtype:'combo',
fieldLabel:'选择年级',
name:'gradeCode',
id : 'cobStdDayWordGradeCode',
store : 'Grade',
valueField : 'gradeCode',
displayField : 'gradeName',
editable : false,
emptyText : '请选年级',
queryMode : 'local'
},{
xtype : 'textfield',
labelSeparator:':',
labelWidth : 150,
width: 300,
labelAlign : 'right',
name:'userNameORuserCode',
fieldLabel : '输入学生ID或学生姓名'
},{
xtype:'datefield',
labelWidth :60,
width: 200,
fieldLabel:'起止日期:',
id:'startDate',
labelAlign : 'right',
name:'startDate',
format:'Y-m-d'
},{
xtype:'datefield',
labelWidth :20,
width: 160,
fieldLabel:'  至 ',
labelAlign : 'right',
id:'endDate',
labelSeparator:' ',
name:'endDate',
format:'Y-m-d'
},{
xtype : 'button',
width:80,
margin:'0 10 0 10',
id : 'btnStdDayWordQuery',
text : '查询'
},{
xtype : 'button',
width:80,
id : 'btnStdDayWordReset',
text : '重置'
},{
xtype : 'button',
width:80,
margin:'0 10 0 10',
id : 'btnStdDayWordToExcel',
text : '导出Excel'
}]
}]
}]
},{
xtype:'grid',
hidden:true,
columnLines:true,
cls:'custom-grid',
id : 'StudentDayWordGrid',
columns : []
}]
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: