layui仿商城分類多條件篩選搜索插件

jQuery基于layui插件制作不銹鋼交易平臺產(chǎn)品分類篩選搜索，支持多條件/單選/多選，重置和搜索功能。帶文字列表和分頁功能。這是一款很全面的產(chǎn)品列表頁分類篩選搜索代碼。

使用方法：

關(guān)鍵參數(shù)

data_type
data_id

js調(diào)用方法

<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包含了當(dāng)前分頁的所有參數(shù)，比如：
			//		    console.log(obj.curr); //得到當(dāng)前頁，以便向服務(wù)端請求對應(yīng)頁的數(shù)據(jù)。
			//		    console.log(obj.limit); //得到每頁顯示的條數(shù)
			//首次不執(zhí)行
			if(!first) {
				//					var load = layer.load(2, {shade: [0.1,'#000']});
				locationHref("page=" + obj.curr + "&limit=" + obj.limit, "#usteel-condition", "page");
			}
		}
	});
});
</script>

使用聲明

1. 本站所有素材（未指定商用），僅限學(xué)習(xí)交流。
2. 會員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權(quán)，著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權(quán)，請勿用于商業(yè)用途，會員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材，否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途，織夢系統(tǒng)商業(yè)用途請預(yù)先授權(quán)。

查看演示下載資源

440 18672 24