ExtJs读取后台的数据

 Ext.onReady(function(){
 
 var typeStore = new Ext.data.Store({
  autoLoad : {params : {start:0,limit : 5}},
  reader  : new Ext.data.XmlReader({
   //totalRecords : 'results',
   totalProperty : 'results',
   record   : 'LocatData',
   id    : 'carNo'
   },
   Ext.data.Record.create([
    {name : 'carNo'},
    {name : 'gpsTime'},
    {name : 'log'},
    {name : 'lat'},
    {name : 'speed'},
    {name : 'sim'}
   ])
  ),
  proxy : new Ext.data.HttpProxy({
   url :'/HrbSystem/loginExt.do?command=showHisData'  
  })
 });
 
 typeStore.on('load',AJAX_Loaded, this, true); //注意,只有这个才能读后台数据进行处理
 function AJAX_Loaded(){
  alert(typeStore.getCount());
  for (var i=0; i < typeStore.getCount(); i++){
   var rec = typeStore.getAt(i);
   alert(rec.get('carNo'));
  } 
 }
 
 var toolbar = new Ext.Toolbar([
  {text : '新增类型',  iconCls : 'add' },
  {text : '修改类型',  iconCls : 'option'},
  {text : '删除类型',  iconCls : 'remove'}
 ])

 //分页条
 var paginBar = new Ext.PagingToolbar({
  store  : typeStore,
  pageSize : 5,
  displayInfo : true,
  displayMsg  : '数据从第{0}条 - 第{1} 条 共 {2}条数据',
        emptyMsg  : "没有记录"
 });
 
 var cb = new Ext.grid.CheckboxSelectionModel();
 var bookTypeGrid = new Ext.grid.GridPanel({
  store : typeStore,
  height : 100,//设置它是用来使其高度与页面自动调节
  viewConfig:{ columnsText:"显示/隐藏",   sortAscText:"正序", sortDescText:"倒序"   },
  tbar : toolbar,
  sm  : cb,
  columns :[
   new Ext.grid.RowNumberer({
    header : '行号',
    width : 40
   }),
   cb,
   {header : '车牌号', width : 80,  dataIndex : 'carNo', sortable : true},
   {header : 'GPS时间', width : 180, dataIndex : 'gpsTime', sortable : true},
   {header : '经度', width : 180, dataIndex : 'log',  sortable : true},
   {header : '纬度', width : 180, dataIndex : 'lat',  sortable : true},
   {header : '速度', width : 180, dataIndex : 'speed', sortable : true},
   {header : 'SIM卡号', width : 180, dataIndex : 'sim',  sortable : true}
  ],
  bbar : paginBar
 });
 var taskManage = {
  run  : function(){var mStart = bookTypeGrid.getBottomToolbar().cursor;typeStore.load({params : {start:mStart,limit : 5}});},//用来定时从后台读取,同时定时前,取当前的页
  interval: 5000
 }
 Ext.TaskMgr.start(taskManage);
 
 
 var myBorderPanel = new Ext.Panel({
  renderTo : 'testPanel',
  height  : Ext.get('testPanel').getHeight(),
  width  : Ext.get('testPanel').getWidth(),
  layout  : 'border',
  items  : [{
   //title  : '回放数据处理',
   region  : 'south',
   height  : 120,
   split  : true,
   minSize  : 100,
   layout  : 'fit',
   //collapsible : true,
   margins  : '0 5 5 5',
   items  : [bookTypeGrid]
  },{
   region  : 'center',
   height  : '70%',
   contentEl : 'myMap',
   layout  : 'fit',
   margins  : '5 5 0 0'
  }]
 });
 
 
 
 
});
 
 

 

 

 

 

 

 

 

 

 

/**

 

var task = { //定义一个任务
    run: function(){
        Ext.fly('clock').update(new Date().format('g:i:s A'));//更新当前时间
    },
    interval: 1000 //1 秒钟更新一次
}
Ext.TaskMgr.start(task);//开始执行这个任务


Ext.TaskMgr.stop(task);//结束这个任务


//不想传递参数可以用Ext.TaskMgr.stopAll();

 

 

 

*/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值