Sencha Touch 2的List的分页功能想必不用过多的介绍了,应该都了解,官方也有例子。

但是想直接把List的分页功能拷贝到DataView上,是不够完美的,存在一个小Bug,导致一直在加载中....

Uncaught TypeError: Object [object Object] has no method 'scrollDockHeightRefresh'

很明显DataView组件中没有这个功能,只有List中有,而分页插件却需要用到这个方法。

既然需要,切不理会什么用,那我们先给其加上。如何给DataView中添加这个方法呢?

很简单,在自定义组件中有介绍,添加方法,只需要在config{}后添加即可。

经测试,加入scrollDockHeightRefresh方法后,问题解决。

完整代码:

Ext.define('PLM.store.Product', {extend: 'Ext.data.Store',config: {fields: [{ name: 'productName', type: 'string' },{ name: 'designerId', type: 'string' },{ name: 'orderno', type: 'string' },{ name: 'state', type: 'string' },{ name: 'wfname', type: 'string' },{ name: 'desimgs', type: 'string' },{ name: 'desimgb', type: 'string' },{ name: 'smpimgs', type: 'string' },{ name: 'smpimgb', type: 'string' },{ name: 'Ida2a2', type: 'string' },{ name: 'pvr', type: 'string' }],proxy: {type: "ajax",url: "/View/Reports/restful/SearchProduct",reader: {type: "json",rootProperty: "root",totalProperty: "totalCount"}},pageSize: 50,autoLoad: false}
});Ext.define('PLM.view.Product', {extend: 'Ext.DataView',alias: 'Product',requires: ['PLM.store.Product'],config: {id:'ViewProduct',fullscreen: true,showAnimation: {type: 'slide',direction: 'left'},hideAnimation: {type: 'slideOut',direction: 'right'},items: [{xtype: 'toolbar',docked: 'top',id: 'productviewtb',items: [{xtype: 'button',ui: 'back',text: '返回品类列表',action:'BackCategory'},{xtype: 'spacer'},{xtype: 'segmentedbutton',margin: '0 10 0 0',items: [{xtype: 'button',text: '按款号排序',action: 'SortBySKC'},{xtype: 'button',text: '按设计Id排序',action: 'SortByDesignId'}]},{xtype: 'segmentedbutton',id: 'segBtnImageType',items: [{xtype: 'button',id: 'BtnDesignImg',text: '设计草图',ui: 'confirm',action: 'DesignImg'},{xtype: 'button',text: '样衣图片',ui: 'confirm',action: 'SampleImg'}]}]}],store: 'Product',emptyText: '没有找到数据,请检查条件!',padding: 30,plugins: [{xclass: 'Ext.plugin.ListPaging',noMoreRecordsText: '没有更多记录了',loadMoreText: '更多',autoPaging: true}]},scrollDockHeightRefresh: function () {}
});

Sencha Touch 2 DataView / List 分页相关推荐

  1. touch服务器端文件,Sencha touch 2 入门 -------- DataView 显示服务器端JSON文件数据...

    今天学习了下DataView如何显示JSON文件数据,废话不多说,直接贴代码: 首先看下文件目录: 然后看下我们要处理的JSON文件,bookInfo.json. { "success&qu ...

  2. 使用Sencha Touch加载服务器端数据。

    本实例演示了Sencha Touch读取服务器端发来的Json数据. 文档结构如下: app.js代码如下: Ext.require(['Ext.form.Panel','Ext.data.Store ...

  3. sencha touch 类的使用

    sencha touch 有一套自己的类机制,可以以面向对象的方式去写代码,封装业务逻辑,sencha touch 的组件.插件.api等都建立在这一套类机制的上面 在实际开发中,我们需要遵循这一套机 ...

  4. 使用phoneGap和Sencha Touch 2开发Android应用程序(四)

    2019独角兽企业重金招聘Python工程师标准>>> 本文是" 使用phoneGap和Sencha Touch 2开发Android应用程序"系列教程的第4章, ...

  5. sencha touch 入门系列 (四)sencha touch 新建项目目录结构解析

    通过上一章节的操作,我们的项目已经创建完成了, 大家通过http://127.0.0.1/MyFirst/应该都已经访问到了自己的应用, 接下来,我们展开我们项目,如图所示: 一.目录结构 1. .s ...

  6. [Phonegap+Sencha Touch][转] 移动开发32 使sencha touch的store在离线状态下也能显示数据

    原文地址:http://blog.csdn.net/lovelyelfpop/article/details/39960843 英文原文:<Using .Net MVC and Sencha T ...

  7. 从零开始学习Sencha Touch MVC应用之七

    在此我们将要继续构建我们的Sencha Touch MVC app应用工程,这次我们将探索控制器action的不同调用方式. 控制器action的调用方式将按下面三种方式: l         利用路 ...

  8. Sencha touch Panel之间的跳转(如不使用TabPanel或者Carousel控件而产生跳转的动画效果)...

    常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样 ...

  9. sencha touch tabsidebar 源码扩展

    先上图看效果 没错,这是一个sencha touch 项目,而这里的右边推出效果(下文叫做tabsiderbar),使用插件tabsiderbar来扩展的. 插件js下载地址:http://www.m ...

最新文章

  1. 有史以来最简单的三层实例(C#)
  2. 一个程序员的C#命名规则(挺不错的)
  3. sim卡rfm_信用卡客户的RFM集群
  4. 痞子衡嵌入式:ARM Cortex-M内核那些事(2)- 第一款微控制器
  5. oracle导入视图报错,exp/imp 报错处理(EXP-00003 / IMP-00019 / IMP-00058)
  6. Java修炼之路——基础篇——数据类型
  7. TFS2010配置SQLServer2008R2 tf255049错误
  8. 计算机应用基础 第三版 实验报告,计算机应用基础实验报告(windows).doc
  9. AUTOCAD二次开发VBA 基础到实例视频教程
  10. GB28181协议之录像回放
  11. Word在试图打开文件时遇到错误——Word文档需要右键属性接触锁定的一次性解决方法
  12. 【英语学习】星期的词源
  13. 【读书笔记】 - 《你只是看起来很努力》
  14. 计算机不定时黑屏,宏基acer 4736ZG不定时黑屏,时亮时不亮通病维修
  15. 论文笔记:FILLING THE G AP S: MULTIVARIATE TIME SERIES IMPUTATION BY GRAPH NEURAL NETWORKS
  16. 一看就会!一篇全搞定!权限处理专家--Shiro保姆式教学,超详细!
  17. Java开发 高可维护性代码规范
  18. 用unity做的简单小游戏------“小球酷跑“
  19. substr()函数的用法
  20. linux系统下qt中文输入法,Ubuntu系统下Qt使用中文输入法(示例代码)

热门文章

  1. Windows 10 1809 版本市场占有率已达 21%
  2. 使用 jetty-maven-plugin发布maven项目
  3. 9月22日我国垃圾邮件报告:湖北省再居榜首
  4. geotools的dotnet版本
  5. MySQLmmm群集
  6. 14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3
  7. 深入浅出HTTPS基本原理
  8. Centos DNS服务(二)-bind主从配置与基于TSIG加密的动态更新
  9. 《Adobe Photoshop CS5中文版经典教程(全彩版)》—第2课2.8节使用仿制图章工具修复特定区域...
  10. 第18章 多线程----线程同步