Atitti usrQBf1801 翻页控件规范 v2
Atitti usrQBf1801 翻页控件规范 v2
1.1. 翻页流程 初始化翻页控件,以及绑定新页面event onSelectPage2
1.1. 参考api 参考easyui ,.net系列的
翻页api应该参考easyui ,.net系列的
onSelectPage (pageNumber, pageSize){
每次选择都会触发改事件的,,这个api是来源与easyui的。
//分页控件的页索引变化事件
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
this.GridView1.PageIndex = e.NewPageIndex;
BindData();
}
protected void AspNetPager1_PageChanged(object src, EventArgs e)
{
BindDetailReportToGv();
}
List(pagesize:10,page:1,keyword:”kwxxx”,cate_id:7)
1.2. 翻页流程 初始化翻页控件,以及绑定新页面event onSelectPage
$(function() {
pageCtrl=new paggingGui();
pageCtrl.onSelectPage=onSelectPageQB
setPageSpy();
//menu_click2("爱情类");
checkCanSeeNextBtn();
/*
1.3. 点击下一页
var pageCtrl;
function nextBtn_click()
{
pageCtrl.next_click();
}
function checkCanSeeNextBtn()
{
var rzt=$("#scrool_spy").isOnScreen();
//rzt=false;
console.log( "visible spy::"+rzt);
if(rzt)
{
console.log("--will next click evtn");
pageCtrl.next_click();
}
}
1.4. 回调新页面时间获取数据,然后绑定在控件上们
function onSelectPageQB(new_pageNumber, pageSize)
{
// alert("new page num:"+new_pageNumber);
//get cate if no set
// get_posts(null,get_posts_callback);
var temp=function(data){
data=testarr;
data=data.slice(0,pageSize*new_pageNumber);
get_posts_callback(data);
}
temp(1);
}
// append to list
function get_posts_callback(data)
{
//alert(data);
//data=str2json(data);
try{
arr=data;
// gotoPageEvent(1);
//alert($('#list_ui'));
/*
$scope.$apply(function() {
$scope.time = new Date();
});
*/
list_scope.$apply(function () {
list_scope.datas=data;
window.setTimeout(function(){
checkCanSeeNextBtn();
},1000);
});
// $('#list_ui').scope().datas =data;
// $('#list_ui').scope().$digest();
// alert(arr);
}catch(e)
{
showErr(e);
}
}
1.5. 翻页技术原理的的参考::
Atitit.翻页功能的实技术的原理与设计最家实践 v3 paf.doc
atitit.翻页功能标准化api attilax总结.doc
Asp_Net中的三种分页方式总结_实用技巧_脚本之家.htm
作者:: 绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 )
汉字名:艾提拉(艾龙), EMAIL:1466519819@qq.com
转载请注明来源: http://www.cnblogs.com/attilax/
Atiend
Atitti usrQBf1801 翻页控件规范 v2的更多相关文章
- Webdriver控制翻页控件,并实现向前向后翻页功能,附上代码,仅供参考,其他类似日期控件的功能可以自己封装
新增输入与选择页面的html源码: <div style="margin-top:-60px;" class="modal-content" id=&qu ...
- 开源 侧滑 和 Tab滑动翻页 控件
侧滑 https://github.com/jfeinstein10/SlidingMenu Tab滑动翻页 https://github.com/astuetz/PagerSlidingTabStr ...
- WPF 实战 - 翻页控件
1. 先上效果 <StackPanel Orientation="Horizontal" HorizontalAlignment="Center"> ...
- ViewPager翻页控件简单使用方法
例子布局文件: 主activity布局文件:activity_view_pager.xml <?xml version="1.0" encoding="utf-8& ...
- 添加到web.config文件里的用户自定义翻页控件
<pages> <controls> <add tagPrefix="ucl" tagName="Pager_Backstage" ...
- Swift - 页控件(UIPageControl)的用法
使用页控件可以用来展示多个桌面.比如很多应用第一次登陆时,会在开始页面使用页控件来介绍功能,通过左右滑动来切换页. 通常我们使用UIPageControl和UIScrollView相互结合来实现多页切 ...
- Atitit. Toast alert loading js控件 atiToast v2新特性
Atitit. Toast alert loading js控件 atiToast v2新特性 1. 连续多个txt追加的原理 var txt = document.createElement(& ...
- MFC ActiveX新增属性页 控件不响应
在Activex中可以添加自定义的属性页,在新的属性页上添加一个button控件,设置好响应函数后,测试时发现点击button没有响应. 对比之前的主属性页发现,新增属性页的属性“Disabled” ...
- 023.MFC_属性页控件(tab control)
属性页控件属性页->选项卡->对话框CTabCtrl一.建立名为tabCtrl的mfc工程,添加Tab Control控件,设置属性ID为IDC_TAB,并添加变量m_tab 在tabCt ...
随机推荐
- redis连接超时报错
应用程序连接redis超时,报错如下: ERROR DubboServerHandler-xxx.xx.xx.52:20880-thread-172 2016-12-21 15:25:20,429 c ...
- JavaScript-事件周期-点击替换颜色
事件周期 DOM:3个阶段 1.捕获:从最外层元素,向内层元素,逐个记录绑定的事件处理函数.默认,暂不触发任何事件 2.目标触发:优先触发目标元素绑定的事件处理函数 目标元素:实际点击的元素 3.冒泡 ...
- 一个简单的Windows下的socket程序
服务器端代码server.cpp: #include <stdio.h> #include <WinSock2.h> #pragma comment(lib,"ws2 ...
- SAS 画折线图PROC GPLOT
虽然最后做成PPT里的图表会被要求用EXCEL画,但当我们只是在分析的过程中,想看看数据的走势,直接在SAS里画会比EXCEL画便捷的多. 修改起来也会更加的简单,,不用不断的修改程序然后刷新EXCE ...
- Activity劫持实例与防护手段
原文地址:Activity劫持实例与防护手段 作者:cjxqhhh (本文只用于学习技术,提高大家警觉,切勿用于非法用途!) 什么叫Activity劫持 这里举一个例子.用户打开安卓手机上的某 ...
- Swift的基本类型和流程控制
Swift 是一门静态的强类型语言.它以简单.干净.可读性好等特点著称. 1. 为什么是静态语言? 首先静态语言比之动态语言,更具有安全性.它不允许类型之间自动的进行转换,必须要显示的转换.Swif ...
- oracle根据视图删除表
delete from t_fwaqjcjl where zcbm in (select zcbm from view_fwaqjcjl where 1=1 )
- 一些有用的Javascript Function :-)
1.验证完整的日期格式:(yyyy-MM-dd)function checkDate(RQ) { var date = RQ; var result = date.match(/^(\d{1,4})( ...
- Qt实现的根据进程名来结束进程
1.头文件及实现部分: #include <windows.h> #include <tlhelp32.h> #include "psapi.h" #pra ...
- python安装MySQLdb模块
以Ubuntu下安装为例: 下载地址:https://pypi.python.org/pypi/MySQL-python/ 解压后直接进入解压目录运行安装命令. python setup.py ins ...