bacawa 2015-04-06 07:20 采纳率: 33.3%
浏览 1865
已采纳

Ext 分页,高手帮我看看,grid已经可以显示数据了,可是分页就是没有数据,急死我了

Ext.onReady(function() {

var itemsPerPage=30;//指定分页大小
Ext.regModel('Node',
{
fields:[{name:'UI_id'},
{name:'UI_Time'},
{name:'UI_Level'},
{name:'UI_Sys'},
{name:'UI_FlowID'},
{name:'UI_UserName'},
{name:'UI_Message'},
{name:'UI_Result'}
]
}
);

function showColor(value){
if (value == '成功') {
return '' + value + '';
} else if (value == '失败') {
return '' + value + '';
}
return value;
}

var store = Ext.create('Ext.data.JsonStore',{
//storeId:'gridStore',
autoload:true,
model:'Node',
pageSize:itemsPerPage,
remoteSort:true,
//data:[],
proxy:{
type:'memory',
reader:{
type:'json',
totalProperty:50
}
}
});
store.loadPage(1);
//store.loadPage(1);
var sysData =[['ALL','全部'],
['GATEWAY','接入网关'],
['NJGL','农机管理'],
['NQJC','农情监测'],
['GIS','GIS'],
['DSE','数据服务引擎'],
['YG','运管'],
['TERMINAL','仿真终端']];

    var sysStore = new Ext.data.SimpleStore({
        fields:['sysID','sysName'],
        data:sysData
    });

var logLevel = [['ALL','全部'],
                ['INFO','INFO'],
                ['WARN','WARN'],
                ['ERROR','ERROR'],
                ['FATAL','FATAL'],
                ['DEBUG','DEBUG']];
    var levelStore = new Ext.data.SimpleStore({
        fields:['levelID','levelName'],
        data:logLevel
    });

var accordion = Ext.create("Ext.form.FormPanel", {
title: "日志查询",
layout: "form", //设置为手风琴布局
layoutConfig: {
animate: true
},
width: 250,
minWidth: 90,
height:50,
region: "west", //设置方位
split: true,
collapsible: true,
items: [
{xtype: 'datefield',fieldLabel: '开始时间',name: 'starttime',format:'Y-m-d',allowBlank: true,height:25},
{xtype: 'datefield',fieldLabel: '结束时间',name: 'endtime',format:'Y-m-d',allowBlank: true,width:30,height:25},
{xtype:'combo',fieldLabel: '子系统标示',name:'sysID',store:sysStore,displayField:'sysName',valueField:'sysID',queryMode:'local',forceSelection:true,typeAhead:true,value:'ALL',height:25},
{xtype:'combo',fieldLabel:'日志级别',name:'levelID',store:levelStore,displayField:'levelName',valueField:'levelID',queryMode:'local',forceSelection:true,typeAhead:true,value:'ALL',height:25 },
{xtype:'textfield',fieldLabel:'查找内容',name:'contentID',emptyText:'用户名或者消息关键字',height:25}
],

// 重置 和 保存 按钮.
buttons: [{
    text: '重置',
    width:'120',
    heigth:'80',
    style:'baseCls-18px',
    handler: function() {
        this.up('form').getForm().reset();
    }
}, {
    text: '查询',
    formBind: false, //only enabled once the form is valid
    disabled: false,
    width:'120',
    handler: function(){
        var form = this.up('form').getForm().getValues();
        //alert("开始时间为:" + form.starttime + ",结束时间为:" + form.endtime);
        var logParam = [];
        logParam.push(form.starttime);
        logParam.push(form.endtime);
        logParam.push(form.sysID);
        logParam.push(form.levelID);
        logParam.push(form.contentID);
        Ext.Ajax.request({
                      url:'selectLog.do',
                      //timeout:2000,
                      params:{'logParam':logParam.join(",")},
                      success:function(response,opts){
                        var strData= response.responseText;
                        var tableData = eval(strData);
                        store.loadData(tableData,false);                            
                      },
                      failure:function(response,opts)
                      {
                          alert('提示:保存数据失败!!!');
                      }                           
                    })
    }
}],
renderTo: Ext.getBody()
});

var pagingToolbar = new Ext.PagingToolbar({
pageSize:30,
store:store,
displayInfo:true,
displayMsg: '第{0}-共{1}条,一共{2}条',
emptyMsg:'没有数据',
items: [
'-', {
pressed: true,
enableToggle: true,
text: '预览',
cls: 'x-btn-text-icon details',
toggleHandler: function(btn, pressed) {
var view = grid.getView();
view.showPreview = pressed;
view.refresh();
}
}]
});

var accordion1 = Ext.create("Ext.Panel", {
renderTo:Ext.getBody(),
layout:'fit',
frame:true,
region: "center",
width:1000,

height:500,
items:[{
xtype:'grid',
title: '日志内容',
stripeRows:true,
loadMask:true,
height:200,
store: store,
columnLines: true,
columns: [
new Ext.grid.RowNumberer(),
// { header: '编号', dataIndex: 'UI_id' },
{ header: '日志时间', flex:1,dataIndex: 'UI_Time'},
{ header: '日志级别', flex:1,dataIndex: 'UI_Level' },
{ header: '子系统标示', flex:1,dataIndex: 'UI_Sys' },
{ header: '业务流水号', flex:1,dataIndex: 'UI_FlowID' },
{ header: '用户名', flex:1,dataIndex: 'UI_UserName' },
{ header: '日志详情', flex:2,dataIndex: 'UI_Message' },
{ header: '处理结果', flex:1,dataIndex: 'UI_Result',renderer:showColor}
],
bbar:pagingToolbar,
height: 800,
width: 2000
}
]
});
new Ext.Viewport({
title: "Viewport",
layout: "border", //这里是(border)边界布局
defaults: {
bodyStyle: "background-color: #FFFFFF;",
frame: true
},
items: [
accordion1,
accordion, //这里是(accordion)手风琴布局
{ region: "north",
height: 150,
title: '日志管理系统',
html:'

日志管理系统'
},
// { region: "center",
// title: '日志内容'
// },
{ region: "south",
height: 30,
html:'
'}
]
});
})
  • 写回答

3条回答 默认 最新

  • devmiao 2015-04-06 11:22
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 使用C#,asp.net读取Excel文件并保存到Oracle数据库
  • ¥15 C# datagridview 单元格显示进度及值
  • ¥15 thinkphp6配合social login单点登录问题
  • ¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场 部分对应不上
  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配