Extjs grid 加载数据，分页，传值

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
(function(){
//加载参数
var operLog =function loadOpt(){
var obj = {};
var userName="";
var startTime="";
var endTime="";
 
if(null!=Ext.getCmp("userName") &&""!=Ext.getCmp("userName")){
userName =Ext.getCmp("userName").value;
}else{
userName="";
}
endTime= Ext.getCmp("endTime").getValue()
if(endTime!=null){
endTime =endTime.Format("yyyy-MM-dd hh:mm:ss")
}
startTime = Ext.getCmp("startTime").getValue();
if(startTime!=null){
startTime =startTime.Format("yyyy-MM-dd hh:mm:ss")
}
obj.userName=userName;
obj.startTime=startTime;
obj.endTime=endTime;
obj.start=0;
obj.limit=20; 
return obj;
}
Ext.onReady(function () { 
    var itemsPerPage = 20;   // 设置你想要的每页显示条数
    var store = Ext.create('Ext.data.Store', {
       id:'simpsonsStore',
       fields:['table_id','type', 'userName', 'content',"showTime"],
       pageSize: 20, // 每页显示条数
       proxy: {
           type: 'ajax',
           extraParams:operLog,
           url: '${pageContext.request.contextPath}/system/system_OperationlogAction.do?method=getSystem_Operationlog',  // 请求URL加载数据
           reader: {
               type: 'json',
               root: 'rows',
               totalProperty: 'total'
           }
       }
    });
    var grid = Ext.create("Ext.grid.Panel",{
    title:"日志管理",
    frame:true,
    forceFit:true,
    width:600,
    height:500,
    id:'syslog_stroe',
    store: store,
    columns:[ 
        {text:"table_id",dataIndex:'table_id'},
        {text:"type",dataIndex:'type'},
        {text:"userName",dataIndex:'userName'},
        {text:"content",dataIndex:'content'},
        {text:"showTime",dataIndex:'showTime'}
    ],
    tbar:[
         
        {xtype:"button",text:"删除",iconCls:'Bulletcross',handler:function(btn){
        var grid = btn.findParentByType("gridpanel");
        //alert(grid.getStore().getCount());
          var grid =btn.ownerCt.ownerCt;
          var data =grid.getSelectionModel().getSelection();
          alert(data[0].get("name"));
        }},
        { 
        xtype: 'textfield',
    id: 'userName',
    labelWidth:50,
            fieldLabel: '操作人'
            //allowBlank: false  // 表单项非空
        },
        { 
        xtype: 'datefield',
    id: 'startTime',
    anchor: '100%',
    labelWidth:60,
    maxValue: new Date(),
    format: '20y-m-d',
            fieldLabel: '开始时间'
            //allowBlank: false  // 表单项非空
        },
        { 
        xtype: 'datefield',
    id: 'endTime',
    anchor: '100%',
    labelWidth:60,
    maxValue: new Date(),
    format: '20y-m-d',
            fieldLabel: '结束时间'
           // allowBlank: false  // 表单项非空
        } ,
        { 
        xtype: 'button',
    id: 'select_log',
    iconCls:"Zoom",
            text:"查询",
            handler:function(){
            //alert(Ext.getCmp("endTime").getValue().Format("yyyy-MM-dd hh:mm:ss"));
            Ext.getCmp("syslog_stroe").getStore().getProxy().extraParams=new operLog();
            Ext.getCmp("syslog_stroe").getStore().load({params:{start:1,limit:20}});
            //store.load({params:new operLog()});
            }
           // allowBlank: false  // 表单项非空
        }  
    ],
    dockedItems: [{
           xtype: 'pagingtoolbar',
           store: store,   // GridPanel中使用的数据
           dock: 'bottom',
           displayInfo: true
       }],
    //renderTo:Ext.getBody(),
    selType:"checkboxmodel",
    multiSelect:true,
    store:store,
    });
    npc.central.add(grid);
    store.load({params:{start:1,limit:20}});
    });
})();
</script>