//初始化无限滚动分页组件

//初始化无限滚动分页组件
    var InitInfiniteScroll = function(){
        var _url = _ctx + '/wtbook/getWrongPicThemeDetail.action?currentpage_num=';
        var _param = '&pageSize='+PAGE_SIZE
        +'&user_ids='+$("#user_ids").val()
        +'&subject_id='+$("#subject_id").val()
        +'&un_remark_ken=' + $("#un_remark_ken").val()
        +'&start='+$("#start").val()
        +'&end='+$("#end").val();
        
        $("#pic_list_area").infinitescroll({
            navSelector: "#navigation", //导航的选择器,会被隐藏
            nextSelector: "#navigation a:first", //包含下一页链接的选择器
            itemSelector: "div", //你将要取回的选项(内容块)
            debug: false, //启用调试信息
            animate: true, //当有新数据加载进来的时候,页面是否有动画效果,默认没有
            extraScrollPx: 50, //滚动条距离底部多少像素的时候开始加载,默认150
            bufferPx: 40, //载入信息的显示时间,时间越大,载入信息显示时间越短
            binder: $(window),
            state : {
                currPage : 0
            },
            maxPage:1,//默认只加载第一页
            errorCallback: function() {
                Modal.warning('提示','未查到错题信息!');
            }, //当出错的时候,比如404页面的时候执行的函数
            localMode: true, //是否允许载入具有相同函数的页面,默认为false
            dataType: 'json',//可以是json
            template : function(data){
                var $el = '';
                if(data.code == '+1000') {
                      if(!StringUtil.isEmpty(data.body.resultList)) {
                          $("#pic_list_area").infinitescroll('update',{maxPage:data.body.maxPage});
                          $.each(data.body.resultList,function(i,n){
                              $el = getPicThemeShowHtml(n);
                              //分页最后一个交给插件处理,其它手动添加到页面中
                             if(i != data.body.resultList.length-1) {
                                 $el.appendTo($("#pic_list_area"));
                             }
                          });
                      }
                  }else{
                        Modal.warning('提示','系统异常,请刷新重试!!!!');
                  }
                return $el;
            },
            pathParse:function(path,nextPage){
                return [_url,_param];
            },
            loading: {
                msgText: "<em>加载中...</em>",
                finishedMsg: '<em>没有新数据了</em>',
                speed: 'fast',
                selector: null // 显示loading信息的div
            }
        }, function(newElems) {
            //程序执行完的回调函数
            if(_pic_list_area.find('input:checkbox').length > 0) {
                      $("#delete_btn").show();
                  }
        });
    };

 

jsp                  mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

<%-- SITEMESH-JSP默认模板页面
     本模板页面可用于使用sitemesh装饰的业务内容页,
     只需要填入“title、head、page-content、footer”的内容即可 --%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/modules/common/include/consts.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<title>编辑错题本<%-- 页面标题 --%></title>
<%-- head begin --%>
<%-- 每个页面独立的head内容 --%>
<link href="${wsf}/static/wrong/css/metro.min.css" rel="stylesheet">
<link href="${wsf}/static/wrong/css/toastr.min.css" rel="stylesheet" type="text/css">
<%-- head end --%>
</head>
 <body>
    <%--page begin--%>
     <div class="page clearfix">
           <div class="breadcrumbs breadcrumbs-fixed">
                <ul class="breadcrumb">
                    <li><span class="glyphicon glyphicon-home"></span><a href="${ctx}/user/index.action"> 首页</a></li>
                    <li>错题本印制</li>
                    <li>${school_name }</li>
                </ul>
            </div>
            <div class="col-md-12">
               <button class="btn btn-paimary" onclick="history.back();">
                   <i class="glyphicon glyphicon-chevron-left"></i>返回
               </button>
               
                <h4 class="text-align-center"><span id="user_name_span" class="margin-right-5">XXX</span><small><span id="subject_span">xx</span>错题</small><small class="silver margin-left-5 margin-right-20">共  <span id="sum_wrong_num_span">0</span> 道错题</small></h4>
            </div>                                                                                                                                                 
            <div class="col-md-12 margin-bottom-10"><span class="fr"><button id="delete_btn" style="display:none" class="btn btn-danger margin-right-5">删除</button><button id="check_all_btn"  name="check_all_btn" class="btn btn-primary margin-right-5">全选</button></span></div>
             <!-- <button id="cancle_check_all_btn"  class="btn btn-primary">取消选中</button>    -->
            <div id="pic_list_area">
            </div>
            <div id="navigation"><a href="${ctx}/wtbook/getWrongPicThemeDetail.action?currentpage_num=&user_ids=${user_ids }&subject_id=${subject_id }&un_remark_ken=${un_remark_ken }&start=${start }&end=${end}"></a></div>
       </div>
    <%--page end--%>
    
    <!--查看大图 begin-->
    <div class="modal fade" id="wrongtheme_bigpic_div">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                    </button>
                    <h4 class="modal-title">错题</h4>
                </div>
                <div class="modal-body text-align-center">
                    <img src="" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--查看大图 end-->
    
    <form action="" method="post" id="list_form">
        <input type="hidden" id="grade" name="grade" value="${grade }">
        <input type="hidden" id="school_name" name="school_name" value="${school_name }">
        <input type="hidden" id="user_id" name="user_id" value="${user_id }">
        <input type="hidden" id="user_ids" name="user_ids" value="${user_ids }">
        <input type="hidden" id="created_user_ids" name="created_user_ids" value="${created_user_ids }">
        <input type="hidden" id="user_name" name="user_name" value="${user_name }">
        <input type="hidden" id="start" name="start" value="${start }">
        <input type="hidden" id="end" name="end" value="${end }">
        <input type="hidden" id="subject_id" name="subject_id" value="${subject_id }">
        <input type="hidden" id="un_remark_ken" name="un_remark_ken" value="${un_remark_ken }">
        
    
        
     </form>
    <%-- footer begin --%>
    <footer>
        <%-- 页面中需要的javascript代码或者直接在此引入js --%>
        <script type="text/javascript" src="${wsf}/static/yjgl/js/jquery.infinitescroll.js"></script>
        <script type="text/javascript" src="${wsf}/static/wrong/js/toastr.js"></script>
        <script type="text/javascript" src="${ctx }/modules/wrongthemebook/checklist.js"></script>
        <script type="text/javascript">
        jQuery(document).ready(function () {
            checklist.init();
        });
        </script>
    </footer>
    <%-- footer end --%>
</body>
</html>

 

posted on 2017-10-26 15:44  读书台  阅读(157)  评论(0编辑  收藏  举报

导航