Ext 动态数据源生成

《Ext 动态数据源生成》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、varGenerGrid={data:null,url_data:null,//Grid数据源url_column:null,//列数据源_width:null,//宽度_height:null,//高度_pagesize:null,//每页显示数据数romanceContainer:null,//渲染Grid的容器//hiddenColumnCount:null,//隐藏的列数，默认无隐藏列enableChecked:false,//是否有CheckBox，默认为无。grid:null,ToHrefField:null,//链接列ToHrefUrl:null,//链接地址T

2、oHref:function(value){return''+value+'';},GenerData:function(){//动态添加列，这是关键代码varaddColumn=function(){this.fields='';this.columns='';this.addColumns=function(name,caption){if(this.fields.length>0){this.fields+=',';}if(this.co

3、lumns.length>0){this.columns+=',';}this.fields+='{name:"'+name+'"}';this.columns+='{header:"'+caption+'",dataIndex:"'+name+'",width:100,sortable:true}';};};//从服务器端获取列，然后动态添加到ColumnModel中Ext.Ajax.request({url:GenerGrid.url_column,success:function(response,option){if(response.responseText==""

4、){return;}GenerGrid.data=newaddColumn();varres=Ext.util.JSON.decode(response.responseText);for(vari=0;i

5、tion(){varcm=newExt.grid.ColumnModel(eval('(['+GenerGrid.data.columns+'])'));cm.defaultSortable=false;varfields=eval('(['+GenerGrid.data.fields+'])');varnewStore=newExt.data.Store({proxy:newExt.data.HttpProxy({url:GenerGrid.url_data}),reader:newExt.data.JsonReader({totalProperty:"totalPorpe

6、rty",root:"result",fields:fields})});newStore.load({params:{start:1,limit:16}});varpagingBar=newExt.PagingToolbar({displayInfo:true,emptyMsg:"没有数据显示",displayMsg:"显示从{0}条数据到{1}条数据，共{2}条数据",store:newStore,pageSize:GenerGrid._pagesize,items:['-',{pressed:true,enableToggle:true,text:'导出Excel',c

7、ls:'x-btn-text-icondetails',icon:"../images/plugin.gif",toggleHandler:function(btn,pressed){vartitle="数据下载";//如果是作为uri后面的参数传值，那就需要对字符进行编码//如果是通过post的方式传数据，就不要做任何的编码varcols=eval(cm);varheader="";vardataIndex="";for(vari=0;i