Sencha Touch 2 DataView / List 分页
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 分页相关推荐
- touch服务器端文件,Sencha touch 2 入门 -------- DataView 显示服务器端JSON文件数据...
今天学习了下DataView如何显示JSON文件数据,废话不多说,直接贴代码: 首先看下文件目录: 然后看下我们要处理的JSON文件,bookInfo.json. { "success&qu ...
- 使用Sencha Touch加载服务器端数据。
本实例演示了Sencha Touch读取服务器端发来的Json数据. 文档结构如下: app.js代码如下: Ext.require(['Ext.form.Panel','Ext.data.Store ...
- sencha touch 类的使用
sencha touch 有一套自己的类机制,可以以面向对象的方式去写代码,封装业务逻辑,sencha touch 的组件.插件.api等都建立在这一套类机制的上面 在实际开发中,我们需要遵循这一套机 ...
- 使用phoneGap和Sencha Touch 2开发Android应用程序(四)
2019独角兽企业重金招聘Python工程师标准>>> 本文是" 使用phoneGap和Sencha Touch 2开发Android应用程序"系列教程的第4章, ...
- sencha touch 入门系列 (四)sencha touch 新建项目目录结构解析
通过上一章节的操作,我们的项目已经创建完成了, 大家通过http://127.0.0.1/MyFirst/应该都已经访问到了自己的应用, 接下来,我们展开我们项目,如图所示: 一.目录结构 1. .s ...
- [Phonegap+Sencha Touch][转] 移动开发32 使sencha touch的store在离线状态下也能显示数据
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/39960843 英文原文:<Using .Net MVC and Sencha T ...
- 从零开始学习Sencha Touch MVC应用之七
在此我们将要继续构建我们的Sencha Touch MVC app应用工程,这次我们将探索控制器action的不同调用方式. 控制器action的调用方式将按下面三种方式: l 利用路 ...
- Sencha touch Panel之间的跳转(如不使用TabPanel或者Carousel控件而产生跳转的动画效果)...
常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样 ...
- sencha touch tabsidebar 源码扩展
先上图看效果 没错,这是一个sencha touch 项目,而这里的右边推出效果(下文叫做tabsiderbar),使用插件tabsiderbar来扩展的. 插件js下载地址:http://www.m ...
最新文章
- 有史以来最简单的三层实例(C#)
- 一个程序员的C#命名规则(挺不错的)
- sim卡rfm_信用卡客户的RFM集群
- 痞子衡嵌入式:ARM Cortex-M内核那些事(2)- 第一款微控制器
- oracle导入视图报错,exp/imp 报错处理(EXP-00003 / IMP-00019 / IMP-00058)
- Java修炼之路——基础篇——数据类型
- TFS2010配置SQLServer2008R2 tf255049错误
- 计算机应用基础 第三版 实验报告,计算机应用基础实验报告(windows).doc
- AUTOCAD二次开发VBA 基础到实例视频教程
- GB28181协议之录像回放
- Word在试图打开文件时遇到错误——Word文档需要右键属性接触锁定的一次性解决方法
- 【英语学习】星期的词源
- 【读书笔记】 - 《你只是看起来很努力》
- 计算机不定时黑屏,宏基acer 4736ZG不定时黑屏,时亮时不亮通病维修
- 论文笔记:FILLING THE G AP S: MULTIVARIATE TIME SERIES IMPUTATION BY GRAPH NEURAL NETWORKS
- 一看就会!一篇全搞定!权限处理专家--Shiro保姆式教学,超详细!
- Java开发 高可维护性代码规范
- 用unity做的简单小游戏------“小球酷跑“
- substr()函数的用法
- linux系统下qt中文输入法,Ubuntu系统下Qt使用中文输入法(示例代码)
热门文章
- Windows 10 1809 版本市场占有率已达 21%
- 使用 jetty-maven-plugin发布maven项目
- 9月22日我国垃圾邮件报告:湖北省再居榜首
- geotools的dotnet版本
- MySQLmmm群集
- 14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3
- 深入浅出HTTPS基本原理
- Centos DNS服务(二)-bind主从配置与基于TSIG加密的动态更新
- 《Adobe Photoshop CS5中文版经典教程(全彩版)》—第2课2.8节使用仿制图章工具修复特定区域...
- 第18章 多线程----线程同步