Atitti usrQBf1801 翻页控件规范  v2

Posted 2020-08-20 attilaxAti

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:[e-mail]

转载请注明来源： http://www.cnblogs.com/attilax/

Atiend