Atitti usrQBf1801 翻页控件规范 v2

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