List Sencha Touch SQL Proxy不显示加载更多按钮
我在SenchaTouch项目上创建了一个WebSQL数据库。名为Product的表有100条记录 我将我的存储配置为 分机 默认情况下,它会将25条记录从产品表加载到视图上的产品列表(添加了listpaging插件) 这是我的列表配置: {List Sencha Touch SQL Proxy不显示加载更多按钮,list,proxy,sencha-touch,sencha-touch-2,store,List,Proxy,Sencha Touch,Sencha Touch 2,Store,我在SenchaTouch项目上创建了一个WebSQL数据库。名为Product的表有100条记录 我将我的存储配置为 分机 默认情况下,它会将25条记录从产品表加载到视图上的产品列表(添加了listpaging插件) 这是我的列表配置: { xtype:'list', 停靠:“底部”, 高度:“100%”, 隐藏:假, itemId:'productList', emptyText:“未找到数据”, 第三方物流:[ “{METRO_DESC}”, “{Brand}{PACKSIZE}” ],
xtype:'list',
停靠:“底部”,
高度:“100%”,
隐藏:假,
itemId:'productList',
emptyText:“未找到数据”,
第三方物流:[
“{METRO_DESC}”,
“{Brand}{PACKSIZE}”
],
scrollToTopOnRefresh:false,
商店:“产品”,
使用simpleItems:false,
插件:[
{
自动老化:对,
键入:“listpaging”
}
]
}
当我运行项目时。它将25条记录加载到屏幕,并在底部显示“不再有记录”
.
但数据库中的表产品有100条记录。商店刚刚加载了25项,为什么不显示“加载更多”按钮而不是“不再记录”您好,我看不出您在哪里将商店限制为25项。看来你过滤了商店。你需要告诉商店装25个。然后再通过插件发送25次。不是吗?Sencha WebSql代理没有设置store totalCount属性。列表分页插件需要知道数据源中记录的总数。一种解决方案是扩展Sencha Touch WebSql代理类读取操作。从数据库获取记录总数,并在读取操作中设置store totalCount属性。
.define('Mark.store.Product', {
extend: 'Ext.data.Store',
requires: [
'Mark.model.Product',
'Ext.data.proxy.Sql'
],
config: {
autoLoad: true,
autoSync: true,
model: 'Mark.model.Product',
storeId: 'Product',
proxy: {
type: 'sql',
database: 'osadb'
}
}
});
xtype: 'list',
docked: 'bottom',
height: '100%',
hidden: false,
itemId: 'productList',
emptyText: 'Data not found',
itemTpl: [
'<div style="font-size:15px">{METRO_DESC}</div>',
'<div style="font-size:13px" class="mark-list-item-secondary">{Brand} {PACKSIZE}</div>'
],
scrollToTopOnRefresh: false,
store: 'Product',
useSimpleItems: false,
plugins: [
{
autoPaging: true,
type: 'listpaging'
}
]
}