Ext.grid.Panel面板的分页工具在没有获得匹配查询结果的时候可以显示出提示信息,但是如果没有分页工具呢
bbar:[{xtype:'pagingtoolbar',//页脚分页store:star_skill_store,displayInfo:true,emptyMsg:'...
bbar:[{
xtype: 'pagingtoolbar', //页脚分页
store: star_skill_store,
displayInfo: true,
emptyMsg : '没有相关数据'
}]
也就是问没有分页的情况下如何能够在查询没有获得匹配查询结果的时候显示相应的提示信息?
顺便问一下下面回答的代码部分里面的:
msg = Ext.String.format(
me.displayMsg,
pageData.fromRecord,
pageData.toRecord,
pageData.total);
具体是什么意思呢? 展开
xtype: 'pagingtoolbar', //页脚分页
store: star_skill_store,
displayInfo: true,
emptyMsg : '没有相关数据'
}]
也就是问没有分页的情况下如何能够在查询没有获得匹配查询结果的时候显示相应的提示信息?
顺便问一下下面回答的代码部分里面的:
msg = Ext.String.format(
me.displayMsg,
pageData.fromRecord,
pageData.toRecord,
pageData.total);
具体是什么意思呢? 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏5(财富值+成长值)
1个回答
展开全部
Ext.onReady(function () {
var itemsPerPage = 2; // set the number of items you want per page
var store = Ext.create('Ext.data.Store', {
id : 'simpsonsStore',
autoLoad : false,
fields : ['name', 'email', 'phone'],
pageSize : itemsPerPage, // items per page
proxy : {
type : 'ajax',
url : 'pagingstore.js', // url that will load data with respect to start and limit params
reader : {
type : 'json',
root : 'items',
totalProperty : 'total'
}
}
});
// specify segment of data you want to load using params
store.load({
params : {
start : 0,
limit : itemsPerPage
}
});
Ext.create('Ext.grid.Panel', {
title : 'Simpsons',
store : store,
columns : [{
header : 'Name',
dataIndex : 'name'
}, {
header : 'Email',
dataIndex : 'email',
flex : 1
}, {
header : 'Phone',
dataIndex : 'phone'
}
],
width : 400,
height : 125,
dockedItems : [{
xtype : 'pagingtoolbar',
store : store, // same store GridPanel is using
dock : 'bottom',
displayInfo : true,
displayMsg : 'Displaying {0} - {1} of {2}', //这里定义显示信息的格式
// private
updateInfo : function () {
var me = this,
displayItem = me.child('#displayItem'),
store = me.store,
pageData = me.getPageData(),
count,
msg;
var grid = me.up(); //这里可以取到分页工具栏绑定的grid
if (displayItem) {
count = store.getCount();
if (count === 0) {
//msg = me.emptyMsg;
msg = "查询出错啦";
} else {
msg = Ext.String.format(
me.displayMsg,
pageData.fromRecord,
pageData.toRecord,
pageData.total);
}
displayItem.setText(msg);
}
}
}
],
renderTo : Ext.getBody()
});
})
var itemsPerPage = 2; // set the number of items you want per page
var store = Ext.create('Ext.data.Store', {
id : 'simpsonsStore',
autoLoad : false,
fields : ['name', 'email', 'phone'],
pageSize : itemsPerPage, // items per page
proxy : {
type : 'ajax',
url : 'pagingstore.js', // url that will load data with respect to start and limit params
reader : {
type : 'json',
root : 'items',
totalProperty : 'total'
}
}
});
// specify segment of data you want to load using params
store.load({
params : {
start : 0,
limit : itemsPerPage
}
});
Ext.create('Ext.grid.Panel', {
title : 'Simpsons',
store : store,
columns : [{
header : 'Name',
dataIndex : 'name'
}, {
header : 'Email',
dataIndex : 'email',
flex : 1
}, {
header : 'Phone',
dataIndex : 'phone'
}
],
width : 400,
height : 125,
dockedItems : [{
xtype : 'pagingtoolbar',
store : store, // same store GridPanel is using
dock : 'bottom',
displayInfo : true,
displayMsg : 'Displaying {0} - {1} of {2}', //这里定义显示信息的格式
// private
updateInfo : function () {
var me = this,
displayItem = me.child('#displayItem'),
store = me.store,
pageData = me.getPageData(),
count,
msg;
var grid = me.up(); //这里可以取到分页工具栏绑定的grid
if (displayItem) {
count = store.getCount();
if (count === 0) {
//msg = me.emptyMsg;
msg = "查询出错啦";
} else {
msg = Ext.String.format(
me.displayMsg,
pageData.fromRecord,
pageData.toRecord,
pageData.total);
}
displayItem.setText(msg);
}
}
}
],
renderTo : Ext.getBody()
});
})
更多追问追答
追问
Ext.create('Ext.grid.Panel', {
title : 'Simpsons',
store : store,
viewConfig: {emptyText: 'No records'},嗯,谢谢不过这样是对的,我昨天查到的
追答
使用emptyMsg只能写死,重写updateInfo函数可以根据条件提示不同消息
来自:求助得到的回答
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询