Atitti usrQBf1801 翻页控件规范  v2

1. 参考api  参考easyui ,.net系列的1

1.1. 翻页流程  初始化翻页控件,以及绑定新页面event onSelectPage2

1.2. 点击下一页2

1.3. 回调新页面时间获取数据,然后绑定在控件上们3

1.4. 翻页技术原理的的参考::4

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的更多相关文章

  1. Webdriver控制翻页控件,并实现向前向后翻页功能,附上代码,仅供参考,其他类似日期控件的功能可以自己封装

    新增输入与选择页面的html源码: <div style="margin-top:-60px;" class="modal-content" id=&qu ...

  2. 开源 侧滑 和 Tab滑动翻页 控件

    侧滑 https://github.com/jfeinstein10/SlidingMenu Tab滑动翻页 https://github.com/astuetz/PagerSlidingTabStr ...

  3. WPF 实战 - 翻页控件

    1. 先上效果 <StackPanel Orientation="Horizontal" HorizontalAlignment="Center"> ...

  4. ViewPager翻页控件简单使用方法

    例子布局文件: 主activity布局文件:activity_view_pager.xml <?xml version="1.0" encoding="utf-8& ...

  5. 添加到web.config文件里的用户自定义翻页控件

    <pages> <controls> <add tagPrefix="ucl" tagName="Pager_Backstage" ...

  6. Swift - 页控件(UIPageControl)的用法

    使用页控件可以用来展示多个桌面.比如很多应用第一次登陆时,会在开始页面使用页控件来介绍功能,通过左右滑动来切换页. 通常我们使用UIPageControl和UIScrollView相互结合来实现多页切 ...

  7. Atitit. Toast alert loading js控件   atiToast v2新特性

    Atitit. Toast alert loading js控件   atiToast v2新特性 1. 连续多个txt追加的原理 var txt = document.createElement(& ...

  8. MFC ActiveX新增属性页 控件不响应

    在Activex中可以添加自定义的属性页,在新的属性页上添加一个button控件,设置好响应函数后,测试时发现点击button没有响应. 对比之前的主属性页发现,新增属性页的属性“Disabled” ...

  9. 023.MFC_属性页控件(tab control)

    属性页控件属性页->选项卡->对话框CTabCtrl一.建立名为tabCtrl的mfc工程,添加Tab Control控件,设置属性ID为IDC_TAB,并添加变量m_tab 在tabCt ...

随机推荐

  1. redis连接超时报错

    应用程序连接redis超时,报错如下: ERROR DubboServerHandler-xxx.xx.xx.52:20880-thread-172 2016-12-21 15:25:20,429 c ...

  2. JavaScript-事件周期-点击替换颜色

    事件周期 DOM:3个阶段 1.捕获:从最外层元素,向内层元素,逐个记录绑定的事件处理函数.默认,暂不触发任何事件 2.目标触发:优先触发目标元素绑定的事件处理函数 目标元素:实际点击的元素 3.冒泡 ...

  3. 一个简单的Windows下的socket程序

    服务器端代码server.cpp: #include <stdio.h> #include <WinSock2.h> #pragma comment(lib,"ws2 ...

  4. SAS 画折线图PROC GPLOT

    虽然最后做成PPT里的图表会被要求用EXCEL画,但当我们只是在分析的过程中,想看看数据的走势,直接在SAS里画会比EXCEL画便捷的多. 修改起来也会更加的简单,,不用不断的修改程序然后刷新EXCE ...

  5. Activity劫持实例与防护手段

    原文地址:Activity劫持实例与防护手段 作者:cjxqhhh (本文只用于学习技术,提高大家警觉,切勿用于非法用途!)   什么叫Activity劫持   这里举一个例子.用户打开安卓手机上的某 ...

  6. Swift的基本类型和流程控制

    Swift  是一门静态的强类型语言.它以简单.干净.可读性好等特点著称. 1. 为什么是静态语言? 首先静态语言比之动态语言,更具有安全性.它不允许类型之间自动的进行转换,必须要显示的转换.Swif ...

  7. oracle根据视图删除表

    delete from t_fwaqjcjl where zcbm in (select zcbm from view_fwaqjcjl where 1=1 )

  8. 一些有用的Javascript Function :-)

    1.验证完整的日期格式:(yyyy-MM-dd)function checkDate(RQ) { var date = RQ; var result = date.match(/^(\d{1,4})( ...

  9. Qt实现的根据进程名来结束进程

    1.头文件及实现部分: #include <windows.h> #include <tlhelp32.h> #include "psapi.h" #pra ...

  10. python安装MySQLdb模块

    以Ubuntu下安装为例: 下载地址:https://pypi.python.org/pypi/MySQL-python/ 解压后直接进入解压目录运行安装命令. python setup.py ins ...