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:[email protected]
转载请注明来源： http://www.cnblogs.com/attilax/
Atiend