我的Ext Grid例子一

MsgSendPanel=function(){
 var panel=this;
 var path=getPath();
 var data=["测试短信发送。。","2010-08-12 15:36:21.0", "sa", "0", "1","21", "65", "13533445332", "总部", "001"];
 //数据信息
 var datastore=new Ext.data.Store({
   proxy : new Ext.data.HttpProxy({
    url : path+'/MessageServlet?tstate=querymessage'
   }),
  reader : new Ext.data.JsonReader({
   root : 'list',
   totalProperty : 'rowcount',
   fields:["message","stamp","username","state","messagetype","userid",
           "mid","call_no","corp_name","corp_no"]
  })  
    });
 datastore.load({params: {start:0,limit:10}}); 
 //数据显示
 var dataGrid=new Ext.grid.GridPanel({
  tbar: ['<b style="color:#15428B">[已发送信息」</b>', '->'],
  border:false,
  layout : 'fit',
  autoScroll : true,
  trackMouseOver : true,
  border : false,
  viewConfig : {
   forceFit : true,
   enableRowBody : true
  },
  store: datastore,
  cm: new Ext.grid.ColumnModel([
            new Ext.grid.RowNumberer(),  //自动行号
            {header: '短信内容',id:'message', dataIndex: 'message'},
            {header: '发送时间', dataIndex: 'stamp',width:90},
            {header: '发送人',   dataIndex: 'username',width: 90},
            {header: '短信ID',   dataIndex: 'mid',width:90,hidden:true},
            {header: '短信类型', dataIndex: 'messagetype',width: 90,renderer: renderTopic},
            {header: '用户ID',   hidden:true, dataIndex: 'userid',width: 90},
            {header: '机构名称', dataIndex: 'corp_name',width: 90},
            {header: '手机号码', dataIndex: 'call_no',width: 90},
            {header: '所属机构', hidden:true, dataIndex: 'corp_no',width: 90},
            {header: '是否成功', dataIndex: 'state',width: 90}
  ]),
  sm: new Ext.grid.RowSelectionModel({singleSelect:true})
     ,bbar:new Ext.PagingToolbar({
      pageSize: 10,
      displayInfo: true,
      store: datastore,
      displayInfo: true,
         displayMsg: '当前显示 {0} - {1}条记录   共 {2} 记录',
         emptyMsg: "没有任何记录" 
  })
  ,listeners:{
   'rowdblclick': function(grid, row){
    
   }
  }
 });
 //中间数据
 var centerPanel = new Ext.Panel({
  border:false,
  layout:'fit',
  region:"center",
  items:[dataGrid]
 });
 //开始日期
 var dateStart = new Ext.form.DateField({
  fieldLabel: '开始时间',
  format: 'Y-m-d H:i:s',
  width: 120,
  value : new Date(),
  allowBlank: false
 });
 //结束日期
 var dateEnd = new Ext.form.DateField({
  fieldLabel: '结束时间',
  format: 'Y-m-d H:i:s',
  width: 120,
  value : new Date(),
  allowBlank: false
 });
 //查询按钮
 var searchBtn = new Ext.Button({
    text : '查 询',
    handler:function(){
               if(!querPanel.getForm().isValid())
           {
              return ;
        }
      datastore.load({params: {start:0,limit:10}});  
      dataGrid.getStore().reload();
     }
  });
 //短信数据查询
 var queryPanel = new Ext.form.FormPanel({
  region: "center",
  border:false,
        height: 10,
        width: 700,
        frame: true,
        labelSeparator: ':',
        labelWidth: 60,
        labelAlign: 'right',
        layout : 'table',
  layoutConfig : {
   columns : 3
  },
  items:[{
      layout:"form",
      items:[dateStart]
    },{
      layout:"form",
      items:[dateEnd]
    },{
      layout : 'table',
      items : [{html:'<pre>   </pre>'},searchBtn]
    }]
 });
 //短信数据查询
 var searchinfo=new Ext.Panel({
  title:"短信查询",
  border:false,
  layout:'fit',
  region:"north",
  height:70,
  width:700,
  items:[queryPanel]
 });
 MsgSendPanel.superclass.constructor.call(this,{
  layout      : 'border',
     width       : 780,
     height      : 400,
     border  : true,
     items:[searchinfo,centerPanel]
 });
}
Ext.extend(MsgSendPanel, Ext.Panel); 
//获得链接地址
function getPath() {
 var location = document.location.toString();
 var temp=location;
 var contextPath = "";
 if(location.indexOf("://") != -1) {
  contextPath += location.substring(0, location.indexOf("//") + 2);
  location = location.substring(location.indexOf("//") + 2, location.length);
 }
 var index = location.indexOf("/");
 contextPath += location.substring(0, index+1);
 location = location.substring(index+1);
 index = location.indexOf("/");
 contextPath += location.substring(0, index+1); 
 return contextPath;
}
//修改信息类型
function renderTopic(value, p, record){ 
     if(value=="1") value="短信"
     if(value=="0") value="指令";
     return value;
}