分享好友 百科首页 百科分类 切换频道

destoon教程之列表页实现自定义筛选

2020-03-18 09:372190

任何页面实现自定义筛选,不二开内核文件,全部在模板中实现,不影响升级,不使用搜索功能。

首页在页头引入jquery.min.js 文件,默认的模板是有这个的。如果不是默认的模板,也没这个文件,请去下载个。


然后在筛选的页面引入以下JS代码:

<script>
function getQueryString(){
var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g"));
if(result == null){
return "";
}
for(var i = 0; i < result.length; i++){
result[i] = result[i].substrin(1);
}
return result;
}

function goSort(name,value){
var string_array = getQueryString();
var oldUrl = (document.URL.indexOf("index.php")==-1)?document.URL+"index.php":document.URL;
var newUrl;
if(string_array.length>0)//如果已经有筛选条件
{ var repeatField = false;
for(var i=0;i<string_array.length;i++){
if(!(string_array[i].indexOf(name)==-1)){
repeatField = true;//如果有重复筛选条件,替换条件值
newUrl = oldUrl.replac(string_array[i],name+"="+value);
}
}

//如果没有重复的筛选字段
if(repeatField == false){
newUrl = oldUrl+"&"+name+"="+value;
}

}else{//如果还没有筛选条件
newUrl = oldUrl+"?"+name+"="+value;
}

//跳转
window.location = newUrl;
}


function setSelected(name,value){
var all_li = $("#"+name).find("a");
//清除所有a标签的now类
all_li.each(function(){
$(this).removeClass("now");
});
//为选中的a增加now类
all_li.eq(value).addClass("now");
}

$(document).ready(function(){
var string_array = getQueryString();
for(var i=0;i<string_array.length;i++){
var tempArr = string_array[i].split("=");
setSelected(tempArr[0],tempArr[1]);//设置选中的筛选条件
}
});
</script>


然后在模板中引入条件语句,这下面的是筛选条件,看不懂的先学学,参考修改。

{php $condition = "status=3";}
{php $dmode = array('',1=>" and price=0",2=>" and price>0");}
{php $dcatid = array('',1=>" and catid=10",2=>" and catid=11");}
{php $dprice = array('',1=>" and price<1001",2=>" and price>1000 and price<2000",
3=>" and price>2001 and price<3000",4=>" and price>3001 and price<5000",5=>" and and price>5001 and price<10001",6=>" and price>10000");}
{php $order = isset($order) ? intval($order) : 0;}
{php $mode = isset($mode) ? intval($mode) : 0;}
{php $dorder = array('addtime desc','price desc','hits desc');}
{php $condition.= $dmode[$mode];}
{php $condition.= $dcatid[$catid];}
{php $condition.= $dprice[$price];}
{php $condition.=" order by $dorder[$order]";}


筛选模板,仅供参考

<div class="left j-left wfs fz12">
<h3 class="template">收费模式<span class="hide-left j-hide-left" style=""><i></i></span></h3>
<div class="icons j-icons wfs" id="mode">
<a class="now" href="java script:goSort('mode',0);">全部</a>
<a href="java script:goSort('mode',1);">商业模板</a>
<a href="java script:goSort('mode',2);">免费模板</a>
</div>
<h3 class="template">模板类型<span class="hide-left j-hide-left" style=""><i></i></span></h3>
<div class="icons j-icons wfs" id="catid">
<a class="now" href="java script:goSort('catid',0);">全部</a>
<a href="java script:goSort('catid',1);">平台型</a>
<a href="java script:goSort('catid',2);">小众型</a>
</div>
<h3 class="template">价格<span class="hide-left j-hide-left" style=""><i></i></span></h3>
<div class="icons j-icons wfs price" id="price">
<li> <a class="now" href="java script:goSort('price',0);">全部</a></li>
<li> <a href="java script:goSort('price',1);">1000以下</a></li>
<li><a href="java script:goSort('price',2);">1000-2000</a></li>
<li> <a href="java script:goSort('price',3);">2000-3000</a></li>
<li> <a href="java script:goSort('price',4);">3000-5000</a></li>
<li> <a href="java script:goSort('price',5);">5000-10000</a></li>
<li> <a href="java script:goSort('price',6);">10000以上</a></li>
</div>

</div>

</div>

<div class="right j-right" style="margin-left: 300px;">
<div class="sort wfs">
<div style="float:left;">
<span style="margin-left:45px; float:left; padding-top:5px; font-size:12px;">排序:</span>

<span class="sort-icons j-sort-icons" id="order">
<a class="now" rel="nofollow" href="java script:goSort('order',0);">新品</a>
<a rel="nofollow" href="java script:goSort('order',1);">价格</a>
<a rel="nofollow" href="java script:goSort('order',2);">热销</a>
</span>

</div>

</div>


循环语句中&condition=后面加入上$condition

举报
收藏 0
打赏 0
前端配置Nginx,刷完这篇就够了
什么是NginxNginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站。它具有低内存消耗、高并发能力和良

0评论2023-11-13100

destoon会员商铺首页新闻分类tag切换调用方法
destoon会员商铺新闻分类切换调用如下:div class=cdx_newsdiv class=hdul !--{php $tags=tag(table=typecondition=item='news-.$userid.'pagesize=5order=listorder asc,typeid desctemplate=null);}--{loo

0评论2022-05-31196

destoon去掉图集默认无图图标
怎样去除图集中默认的无图图片呢,非常简单,打开include/module.func.php,第244行while($i++5) {改成while($i++0) {即可。

0评论2021-06-21413

destoon产品总数,求购总数,供应总数的标注显示
destoon当前产品总数,当前求购总数,当前供应总数的标注显示方法第一步:在include/global.func.php建立table_counts函数//$table 表明 例如:供应表sell 求购表buy 新闻表:article_21//$where 条件 例如:st

0评论2020-11-09376

destoon在内容页/列表页如何调用当前所在的分类名称
很多小伙伴问,如何在destoon在内容页/列表页如何调用当前所在的分类名称及链接呢?今天我们来简单分享受一下:a href={$MOD[linkurl]}{$CAT[linkurl]}{$CAT[catname]}/a

0评论2020-11-05636

destoon调用会员商铺二级分类
下面以destoon7.0商铺产品分类做示例:!--{php$tags=tag(table=typecondition=item='product-.$userid.'pagesize=8order=listorderasc,typeiddesctemplate=null);}--{loop$tags$i$t}{if$i7}liahref={userurl

0评论2020-09-30461

destoon商铺调用标题文字长度
destoon商铺在调用产品标题的时候很多时候会调用到标题,但是标题有长有短,为了布局好看,通常都要统一标题进行设置!用CSS有时候不好控制,所以我们只好在调用标题的时候,直接固定写死,想调用几个字就几个字,调

0评论2020-07-31330

destoon产品调用大图中图,destoon
调用产品图片默认是缩略图,如果需要大图{str_replace('.thumb.'.file_ext($t[thumb]), '',$t[thumb])},中图{str_replace('.thumb.', '.middle.',$t[thumb])}。

0评论2020-07-06713

destoon系统升级指南
Destoon B2B网站管理系统是一套完善的B2B(电子商务)行业门户解决方案。系统基于PHP+MySQL开发,采用B/S架构,模板与程序分离,源码开放。模型化的开发思路,可扩展或删除任何功能;创新的缓存技术与数据库设计,可

0评论2020-06-28448

destoon如何在首页调用会员商铺图片和内容
我们很多时候在用destoon编辑网站时,很多情况下都需要调用会员商铺的内容到首页,这样才能客观的宣传网站的情况!而这时候我们就需要调用,话不多说,下边就是小编亲测的效果会员名称调用如下:!--{php $tags=tag(mo

0评论2020-06-28458