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=http://www.mamicode.com/testarr;

data=http://www.mamicode.com/data.slice(0,pageSize*new_pageNumber);

 get_posts_callback(data);

}

temp(1);

}

// append to list

function get_posts_callback(data)

{

 //alert(data);

//data=http://www.mamicode.com/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