实际上本实施例是相对简单的.自定义PullRefreshFn插头继承Ext.plugin.PullRefresh. 主要是其附加refreshFn下拉监控事件. listpaging么改动.再将这两个插件加入到 list中. 本例未採用MVC模式. app.js代码例如以下: Ext.require(['Ext.form.Panel', 'Ext.data.Store', 'Ext.dataview.DataView']); //---------------------------------…

head部分(引入mui) <link href="./resources/css/mui.min.css" rel="stylesheet" /> <script src="./resources/js/mui.min.js" type="text/javascript" charset="utf-8"></script> <script src="./…

mui.init({ pullRefresh:{ container: '#contanier', indicators:false, up:{ height:200, contentinit: '', contentdown: '', contentrefresh: '', contentnomore: '' }, down:{ height:200, contentinit: '', contentdown: '', contentrefresh: '', contentover:'', c…

sencha touch 2.2 list PullRefresh插件没有refreshFn方法 但是我们又需要他,所以需要自行扩展 代码如下 /** * 重写下拉刷新插件,以支持refreshFn事件 */ Ext.define('ux.plugin.RefreshFn', { extend: 'Ext.plugin.PullRefresh', alias: 'plugin.refreshFn', requires: ['Ext.DateExtras'], xtype:'refreshFn',…

示例代码: Ext.define('app.view.message.List', { alternateClassName: 'messageList', extend: 'Ext.List', xtype: 'messageList', requires: ['Ext.plugin.ListPaging'], config: { cls: 'list', plugins: [{ xclass: 'Ext.plugin.ListPaging' }], itemTpl: '<div class=…

Sencha removed the refreshFn from the pullrefresh plugin in ST 2.2. Here is an user extension with gives the old functionality back to you. /** * This user extension gives st 2.3.0 Pullrefresh the RefreshFn back * based on sencha touch 2.3.0 * * @cla…

写了好久的sencha touch,没想到换工作竟然一年多没有搞了.因为项目的缘故收集了好多的组件,由于懒惰,没有整理,现在想想有点后悔了,再加上如果就这样丢弃,感觉有些遗憾,今天整理了一下放在github上了,可以帮助sencha-touch的朋友们提高. TouchTreeGrid and CalendarPicker Sencha Touch Tree Grid, Basic Grid and Accordion Component with Examples Project Addres…

//求职 Ext.define('app.model.Staff', { extend: 'Ext.data.Model', config: { fields: [{ name: 'id', type: 'int' }, { //用户id name: 'uid', type: 'int' }, { //姓名 name: 'fullname', type: 'string', convert: function (v, record) { var display = record.data.dis…

有些时候我们需要实现这种效果 上边是一张图片或者一个跑马灯控件,这个布局实现起来比较容易 但是如何让他们共用一个滚动条,来实现以下效果就比较麻烦了. 在官方论坛查找资料得知,可以用以下写法实现: /* *动态 */ Ext.define('app.view.new.Trend', { alternateClassName: 'newTrend', extend: 'Ext.List', requires: ['Ext.carousel.Carousel', 'Ext.plugin.PullRef…

sencha touch 有一套自己的类机制,可以以面向对象的方式去写代码,封装业务逻辑,sencha touch 的组件.插件.api等都建立在这一套类机制的上面 在实际开发中,我们需要遵循这一套机制,以免造成不必要的麻烦. 所以的类都是继承于Ext.Base 定义一个类的语法:Ext.define(className, properties); 其中className是类名,properties属于配置. sencha touch开发推荐使用mvc结构,在这里我推荐以下结构 如图所示,我们一…

/* *自定义列表页面 */ Ext.define('app.view.util.MyList', { alternateClassName: 'myList', extend: 'Ext.List', xtype: 'myList', requires: ['Ext.plugin.ListPaging', 'Ext.plugin.PullRefresh'], config: { cls: 'list', plugins: [{ xclass: 'Ext.plugin.ListPaging',…

title: 带你实现开发者头条APP(五)--RecyclerView下拉刷新上拉加载 tags: -RecyclerView,下拉刷新,上拉加载更多 grammar_cjkRuby: true --- 一 .前言 最近实在太忙,一个多礼拜没有更新文章了,于是今晚加班加点把demo写出来,现在都12点了才开始写文章. 1.我们的目标 把RecyclerView下拉刷新上拉加载更多加入到我们的开发者头条APP中. 2.效果图 3.实现步骤 找一个带上拉刷新下载加载更多的RecyclerView开…

在线Demo 最近装了个discuz论坛, 趣股VIP吧,发现里面内置的jQuery上拉刷新组件写得还行,STATICURL可以用'http://o9gzet7tk.bkt.clouddn.com/img/',不多说直接上代码 var pullrefresh = { init : function() { var pos = {}; var status = false; var divobj = null; var contentobj = null; var reloadflag = fal…

几周之前在博客更新一篇Windows phone应用开发[18]-下拉刷新 博文,有很多人在微博和博客评论中提到了很多问题.其实在实际项目中我基于这篇博文提出解决问题思路优化了这个解决方案.为了能够详细系统解决和说明补充这个问题.觉得单独开一篇博文来解答.在评论中提到的一些问题. 在原来的源码中有人提到: #11楼 灬番茄2013-10-06 14:53 @chenkai p.Y值一直是你设置的默认值,所以if (p.Y < -VerticalPullToRefreshDistance)这个判断…

下拉刷新 第一: mui.init({ pullRefresh: { container: '#pullrefresh', up: { contentrefresh: '正在加载...', callback: pullupRefresh } } }); 第二: var i = 0; var count = 0; var number = 1; function pullupRefresh(){ setTimeout(function(){ $(function(){ var json = {};…

开始总结自己在项目上的使用AJAX的情况: 该图为向后台请求的数据,前台返回的结果,返回的数据类型为object,businessObj由许多key组成,我们项目前台需要调用的数据就藏在数组records中,可以通过 var records=data['businessObj']['records']; 将records打印出来,输出的内容为一个数组(我们项目中数组长度为1,项目初期,内容有点少,/(ㄒoㄒ)/~~~),每个数组又是由一个对象组成. 下面上代码喽!!!!!!!!!!!!!!!!!…

https://www.sencha.com/legal/gpl/ Sencha Ext JS.Sencha Touch.Sencha GXT http://cdn.sencha.com/ext/gpl/ext-6.2.0-gpl.zip http://cdn.sencha.com/touch/gpl/sencha-touch-2.4.2-gpl.zip http://cdn.sencha.com/gxt/gpl/gxt-4.0.0-gpl.zip…

新闻信息列表必备的功能,支持Table,Ul等列表. 以下是DIV版本,在安卓端或者ios端必须使用双webview模式,传送门:http://dev.dcloud.net.cn/mui/pulldown/ <!--下拉刷新容器--> <div id="pullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> &l…

个人开发者做一款Android App需要知道的事情 在大学时, 自己是学计算机专业的,而且还和老师一起做过一年半的项目. 有时候是不是有这样的想法,做一个自己的网站.但一直未付诸行动.2012年时, 终于付诸行动了,花了三个月,现学现卖, 熬夜通宵用PHP做了一个小网站,但后续就再没有坚持下去. 直到从电信行业转行互联网行业后,做一款属于自己的应用的的想法越来越迫切,于是今年开始便投入到Android App开发的阵营中来.今年断断续续做了4款Android App应用, 一款公司应用,三款自…

这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题.接下来我们就开始我们的sencha touch开发之旅了. 首先,我们开始搭建sencha touch的开发环境,我这讲的环境搭建主要是针对windows平台的: 1.选择一款能够兼容并调试sencha touch的浏览器: sencha touch之前是针对webkit内核进行设计的,所以chrome或safari浏览器可以很好的展现基于sen…

环境安装配置        1. 下载 1.1     Sencha Touch 下载 http://cdn.sencha.com/touch/sencha-touch-2.2.1-gpl.zip 1.2     Sencha Touch Docs下载 http://cdn.sencha.com/downloads/docs/touch-docs-2.2.1.zip 1.3     Sencha Touch CMD下载 http://www.sencha.com/products/sencha-…

UI篇 1.MMDrawerController http://www.cnblogs.com/shangdahao/p/3142204.html 2.SVPullToRefresh http://www.cnblogs.com/shangdahao/p/3146125.html 3.DYNavigationController http://www.cnblogs.com/shangdahao/p/3143731.html 4.PullRefresh http://www.cnblogs.co…

MUI + SDK 使用笔记:   MUI是什么:http://ask.dcloud.net.cn/article/91   /* MUI 使用说明: * * 1.每个用到mui的页面都调用下mui.init. * 2.如果需要使用大H5+对象,就写到plusReady中,如plus对象. */   '''[MUI开发注意事项]-----------------------------------------------------------------------------------  …

- ::-/com.tongyan.tutelage W/System.err﹕ java.text.ParseException: Unparseable date: ) - ::-/com.tongyan.tutelage W/System.err﹕ at java.text.DateFormat.parse(DateFormat.java:) - ::-/com.tongyan.tutelage W/System.err﹕ at com.tongyan.framework.utils.MD…

这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题.接下来我们就开始我们的sencha touch开发之旅了. 首先,我们开始搭建sencha touch的开发环境,我这讲的环境搭建主要是针对windows平台的: 1.选择一款能够兼容并调试sencha touch的浏览器: sencha touch之前是针对webkit内核进行设计的,所以chrome或safari浏览器可以很好的展现基于sen…

原文地址:https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh 效果展示 扫码体验 你也可以点击这里访问Demo 可以点击这里查看代码 背景 在手机QQ内部,其实客户端提供了下拉刷新的能力,拖动整个webview进行下拉刷新,loading以及loading相关的wording和动画都是客户端的.解决了一部分需要下拉场景的问题.但是在某些场景下,还是需要web拥有自身的下拉刷新的能力.比如: 需要统一IOS和安卓的体验 需要自定…

微信_355 SQLCipher:info.guardianproject.database:Android数据库加密 微博_650 点信传媒:cn.dx:广告平台 Apache HttpClient:org.apache.http Vitamio:io.vov.vitamio:多媒体开发框架 facebook-android-sdk:com.facebook:Facebook SDK google-gson:com.google.gson:序列化反序列化Java对象成Json数据 ZXing:…

关于listview的操作五花八门,有下拉刷新,分级显示,分页列表,逐页加载等,以后会陆续和大家分享这些技术,今天讲下下拉加载这个功能的实现. 最初的下拉加载应该是ios上的效果,现在很多应用如新浪微博等都加入了这个操作.即下拉listview刷新列表,这无疑是一个非常友好的操作.今天就和大家分享下这个操作的实现. 先看下运行效果:         代码参考国外朋友Johan Nilsson的实现,http://johannilsson.com/2011/03/13/android-pull-t…

对于已经开发好的sencha项目进行升级,要做的有以下几步(以sencha2.2.0升级到sencha2.3.1为例): 1,下载Sencha-2.3.1sdk,下载地址:http://cdn.sencha.com/touch/sencha-touch-2.3.1a-gpl.zip,解压至目录:f:/sencha-touch-2.3.1a-gpl 2,cmd进入project(需要升级的sencha 2.2.0项目)根目录,执行以下命令sencha app upgrade f:/sencha-t…

MainActivity.java package com.heima52.pullrefresh; import java.util.ArrayList; import com.heima52.pullrefresh.view.RefreshListView; import com.heima52.pullrefresh.view.RefreshListView.OnRefreshListener; import android.os.Bundle; import android.os.Han…