jQuery+layui产品列表分类多条件筛选搜索代码免费下载

强大实用的jQuery+layui产品列表分类多条件筛选搜索代码,支持多条件/单选/多选,输入参数搜索等功能。还带文字列表和分页功能。

JS代码

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="layui/layui.js" charset="utf-8"></script> 
<script type="text/javascript" src="usteel-search/search.js"></script> 
<script type="text/javascript"> 
layui.use(['form', 'layedit', 'laydate', 'carousel', 'element', 'laypage'], function() { 
    var layer = layui.layer, 
        laypage = layui.laypage, 
        element = layui.element; 
 
    laypage.render({ 
        elem: 'page', 
        count: 1000, 
        layout: ['page', 'limit', 'skip', 'count', ], 
        theme: '#3e88f5', 
        curr: "1" //获取起始页 
            , 
        limit: "10", 
        jump: function(obj, first) { 
            //obj包含了当前分页的所有参数,比如: 
            //            console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。 
            //            console.log(obj.limit); //得到每页显示的条数 
            //首次不执行 
            if(!first) { 
                //                    var load = layer.load(2, {shade: [0.1,'#000']}); 
                locationHref("page=" + obj.curr + "&limit=" + obj.limit, "#usteel-condition", "page"); 
            } 
        } 
    }); 
}); 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录