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://blog.csdn.net/attilax

Atiend