我的ext写法二：grid

    距上次上传自己ext窗口与表单代码写法，至今有一段时间了。时间这么长，基于一个字"懒"。

    这次将grid写法上传，便于以后使用。其实用，ext也无法就是使用它的window ,form和grid其它的组件使用的概率还是比较小。至于布局方式，从事过c/s开发的朋友是理解它是很轻易的一件事情。此次保留过后，之后将不再研究ext；当然，在工作中遇到的一些问题，我可能还会在此做些保留。grid代码如下:

 /**代理商任务管理*/ RegisterManageGrid = function(){ var fields = Ext.data.Record.create([{ name : "agntCode" , mapping : "agntCode" },{ name : "agntName" , mapping : "agntName" },{ name : "agtkTaskMoney" , mapping : "agtkTaskMoney" },{ name : "agtkCompleteMoney" , mapping : "agtkCompleteMoney" },{ name : "agtkStartDate" , mapping : "agtkStartDate" },{ name : "agtkEndDate" , mapping : "agtkEndDate" },{ name : "createtime" , mapping : "createtime" },{ name : "agtkStatus" , mapping : "agtkStatus" }]); var reader = new Ext.data.JsonReader({ root : 'root', totalProperty : 'totalProperty' }, fields); var proxy = new Ext.data.HttpProxy({ url : controllerPath + "?pmethod=getJlpAgentTaskGrid" }); var store = new Ext.data.Store({ proxy : proxy , reader : reader , autoLoad : true }); var sm = new Ext.grid.CheckboxSelectionModel({ width:20 }); var cm = new Ext.grid.ColumnModel({ defaults:{ sortable : true , width : 100 }, columns :[ sm, {header : "代理商代码" , dataIndex : "agntCode"}, {header : "代理商" , dataIndex : "agntName"}, {header : "任务额(元)" , dataIndex : "agtkTaskMoney"}, {header : "完成额(元)" , dataIndex : "agtkCompleteMoney"}, {header : "开始时间" , dataIndex : "agtkStartDate"}, {header : "结束时间" , dataIndex : "agtkEndDate"}, {header : "创建日期" , dataIndex : "createtime"}, {header : "状态" , dataIndex : "agtkStatus"} ] }); var pageTb = new Ext.PagingToolbar({ pageSize : 20, store : store, displayInfo : true }); //按钮区 var endBtn = new Ext.Button({ text : "终止任务", handler : endFn , scope : this }); var toolBar = new Ext.Toolbar([ endBtn ]); //方法区 function endFn(){ var count = this.getSelectionModel().getSelections(); if(count.length < 1){ Ext.Msg.alert("系统提示","请选择要终止的任务!"); return; } Ext.Msg.confirm("系统提示","您确定要终止此"+count.length+"项任务?",function(button,text){ if(button=="yes"){ Ext.Msg.alert("系统提示","任务已终止."); } }); } RegisterManageGrid.superclass.constructor.call(this,{ width : "65%", frame : true, region :"center", cm : cm, sm : sm, store : store, bbar : pageTb, tbar : toolBar, loadMask : {msg : '正在加载数据，请稍侯……'}, autoScorll : true }); }; Ext.extend(RegisterManageGrid , Ext.grid.GridPanel);