美文网首页
封装加载列表方法

封装加载列表方法

作者: 羊绘霖 | 来源:发表于2018-05-02 15:55 被阅读0次

var flexSideLoader = {

    /**

    * @param isNext   选填,0是上一页,1是下一页

    * @param isRefresh  是否重新载入

    * @param isFirst 是否由列表页跳转

    * @param ul 父盒子

    * @param scroll 滚动条

    * @param page 当前页数  <input type="hidden" name="pageNo" id="searchForm_pageNo" value="page"/>

    */

    search: function(isRefresh, isFirst, isNext, ul, scroll, page) {

        ul.empty();    // 如果在当前容器内翻页,每次加载前先清空,如果持续滚动翻页则不需要

        scroll.animate({"top":"0px"});     // 滚动条回到最顶部

        if(isRefresh){

            page = 1;  

            //  $("#searchForm_pageNo").val("1");     

        }else if(isFirst){

            page = pageNo

            // $("#searchForm_pageNo").val(parseInt($("#searchForm_pageNo").val()));

        }else if (isNext === 1){

            page = pageNo+1

               // $("#searchForm_pageNo").val(parseInt($("#searchForm_pageNo").val()) + 1);

        } else {

             page = pageNo-1

               // $("#searchForm_pageNo").val(parseInt($("#searchForm_pageNo").val()) - 1);

        }

        $.ajax({

            url : "",

            async: false,

            type : "POST",

            dataType : "JSON",

            data: data,   // $("#searchForm").serialize() 生成序列化表单值的结果

            success : function(data) {

                if(data == null){

                    layer.msg('没有存储的专利', {icon: 0});

                }

                var records = data.pageResult.records;    // 结果列表 array[]

                var curPageNo = data.pageResult.curPageNo;   // 当前页数

                var pageSize = data.pageResult.pageSize;     // 每页条数

                var selectCount = 0;

                // 当前是第一页时无法点击上一页,当前是最后一页时无法点击下一页或者更多

                if( data.pageResult.curPageNo == data.pageResult.totalPage){

                    // $("#loadMore").hide();

                    $("#nexts").hide(); 

                } else {

                    $("#nexts").show();

                };

                if(data.pageResult.curPageNo == 1) {

                    $("#pre").hide();}else {$("#pre").show();

                }

                for (var i = 0; i < records.length; i++) {/**/

                    var title = records[i]['标题'];

                    title = toTxt(title);    // 正则表达式

                    var id = records[i].id;

                    var pn = records[i]['公开号'];

                    var potenceDesc = records[i]['专利状态'];

                    var trs_db = records[i]['trs_db'];

                    var liHtml ="<a class='adColor' isreaded='false' patentid='"+id+"' seq='"+((curPageNo-1)*pageSize + i+1)+"'”><li><p>"+((curPageNo-1)*pageSize + i+1)+ "、" +pn+"</p></li></a>"

                    ul.append(liHtml);//左侧专利列表}

    }

/*正则表达式 替换括号,尖括号等*/

var toTxt = function (str) {

    var patt1=new RegExp(/<[^>]+>\w*<\/[^>]+>/g);

    if(patt1.test(str)){

        return str;

    }

    var RexStr = /\<|\>|\"|\'|\&/g 

    str = str.replace(RexStr, function(MatchStr) { 

        switch (MatchStr) { 

        case "<": 

            return "<"; 

            break; 

        case ">": 

            return ">"; 

            break; 

        case "\"": 

            return """; 

            break; 

        case "'": 

            return "'"; 

            break; 

        case "&": 

            return "&"; 

            break; 

        default: 

            break; 

        } 

    }) 

    return str;

}

}

相关文章

  • 封装加载列表方法

    varflexSideLoader = { /** * @paramisNext 选填,0是上一页,1是下一页 *...

  • js根据xpath定位元素

    注意:script里面的命令,会在body加载前执行,所以需要先将命令封装成方法,body加载后再触发方法

  • 【flutter】ListView.builder封装各个页面通

    flutter当中提供了无限加载的组件,再此基础上又做了一层封装。这个可复用的无限加载列表包括以下特点: 上滑加载...

  • 面向对象实战

    封装轮播组件 轮播 封装曝光加载组件 曝光加载 封装Tab 组件 Tab组件

  • jQuery>ajax方法API

    ajax在jq中封装的函数,AIP。 1.请求加载,错误处理,全局调用方法: 2.请求加载,错误处理,局部调用方法...

  • Flutter进行本地缓存

    get方法获取数据,封装存储和移除方法用于操作数据缓存列表(需要优化,仅参考)

  • 白鹭引擎egret学习总结

    创建类 封装的方法 自定义进度条事例 加载资源的方法 加载资源组 播放音乐 计时器的使用 Timer ticker...

  • iOS-加载更多列表不流畅的问题

    下拉刷新,上拉加载更多页面是自己封装的,在加载更多的时候出现了列表不顺畅的感觉,显示如下: 错误显示例如:第二次加...

  • 加载文件列表浅析

    加载当前业务线下jmx文件列表方法loadBusinessLineCase()--js web.xml配置 配置完...

  • java的反射机制

    定义: 将类的组成部分【成员变量,构造方法,成员方法】通过类加载器【ClassLoad】,封装为其他对象**【成员...

网友评论

      本文标题:封装加载列表方法

      本文链接:https://www.haomeiwen.com/subject/nvhcrftx.html