首页 > 移动平台 > 详细

JS 绑定数据,实现手机端下拉实现分页 手机下拉分页(MVC)

时间:2016-07-06 17:46:17      阅读:243      评论:0      收藏:0      [点我收藏+]

   //在界面设置一个div 将数据动态绑定到这个div里面,在界面加载的时候,调用此方法

$(function(){

  //默认进来显示第一页,一页显示五条数据

  GetList(1,5);

})

 

function GetList(page,size){

//将动态生成的html代码赋值给tr

  var tr="";

      var url=‘‘;

  ajaxHelper(url,‘GET‘).done(function(dt){

//获取后台查询过来的数据

    var data=eval(dt);

    $(data).each(function(index,item){

        //循环给界面赋值

        tr+=‘<div class="tip">姓名:<span>‘ + item.name+ ‘</span></div>‘+

          <div class="tip">性别:<span>‘ + item.sex+ ‘</span></div>‘‘+

          ‘<div class="tip">电话:<span>‘ + item.tel+ ‘</span></div>‘+

          ‘<div class="tip">备注:<span>‘ + item.Remark + ‘</span></div>‘;

})

        //找到界面要赋值的div,将tr的html添加进去

        $(‘#tbody‘).append(tr);

        //调用下拉刷新的方法

         Paging();

})}

var page=1,ssize=0;

function Paging(){
  $(window).scroll(function(){

    if($(document).scrollTop()+$(window).height()>=$(document).height){

      page++;

      //调用查询

      GetList(page,ssize);

}

  })

 

}

 

      

JS 绑定数据,实现手机端下拉实现分页 手机下拉分页(MVC)

原文:http://www.cnblogs.com/jiakai/p/5647361.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!