织梦多条件联动筛选带删除功能教程

2021-02-28 作者：匿名阅读：1670次

前言

本文主要讲解《织梦多条件联动筛选带删除功能教程》的详细内容

　　多条件筛选功能常用在图片、装修、机械设备、商城网站等，一般筛选的条件是用户较关注的项目，没必要什么条件都加入。DedeCMS多条件筛选PHP开发并不带有删除所选条件功能，PHP筛选和JS筛选原理不一样，实现起来并不复杂。

　　装修效果图实现多条件联动筛选带删除功能分享给大家。

　　效果参考图

　　点击“x”符号即可删除筛选条件。

先参考文章《织梦多条件筛选以筛选词为SEO标题教程》，下载两个必要的文件

　　修改下载后的extend.func.php文件，找到

　　}

　　echo $dede_addonfields;

　　}

　　在这段代码之前（switch条件case 2 的下面增加case 3）增加如下代码：

1 2 3 4 5 6 7 8 9

case3: 　　$addonfields_items=explode(",",$ctag->GetAtt('default')); 　　for($i=0;$i<count($addonfields_items);$i++) 　　{ 　　$href=stripos($filterarr,$ctag->GetName().'=')?str_replace("=".$fields_value,"=".urlencode($addonfields_items[$i]),$filterarr):$filterarr.'&'.$ctag->GetName().'='.urlencode($addonfields_items[$i]);//echo$href; 　　$dede_addonfields.=$fields_value!=urlencode($addonfields_items[$i])?'':'<spanclass="tiao">'.$addonfields_items[$i]; 　　} 　　$dede_addonfields.=(preg_match("/&".$ctag->GetName()."=/is",$filterarr,$regm)?'<atitle="删除"href="'.$GLOBALS['cfg_basehost'].str_replace("&".$ctag->GetName()."=".$fields_value,"",$filterarr).'">x</a></span>':''); 　　break;

模板部分PHP调用

　　增加未筛选时不显示“筛选条件”字样，用PHP判断自定义字段不为空则显示。

<p class="textc yixuan">
　　{dede:php}
　　$a = $_GET['zxfg'];
　　$b = $_GET['hx'];
　　$c = $_GET['zxmj'];
　　if($a != '' || $b != '' || $c != '')
　　echo "筛选条件：";
　　AddFilter(7,3,'zxfg,hx,zxmj'); //“7”是自定义字段（橙色部分）所在的频道模型ID，“3”是上面修改部分，下面同理；
　　{/dede:php}
　　</p>
　　<div class="shaixuanbox">
　　{dede:php}
　　AddFilter(7,1,'zxfg,hx,zxmj');
　　{/dede:php}
　　</div>

CSS样式　　

.shaixuanbox{width:100%;height:auto;margin:0 auto 10px;border-bottom:1px solid #c0c0c0}
　　.shaixuan{padding:10px;text-align:left;font-size:14px;line-height:14px}
　　.shaixuan a{margin:0 6px;color:#000}
　　.shaixuan a:hover{color:#32B9AB}
　　.shaixuan .hover,.shaixuan span{padding:0 5px;color:#fff;background:#32B9AB}
　　.tiao{position:relative;padding:0 20px 0 5px;border:1px solid #eee;border-radius:5px;margin-right:5px;}
　　.tiao a{position:absolute;right:5px;top:0;font-size:20px;color:#ccc;line-height:31px;}
　　.tiao a:hover{text-decoration:none;}

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/web/10607.html

W 导出为.doc文档

标签多条功能教程功能教程筛选

上一篇织梦标签loop和sql里面的arcurl由动态变静态开发教程

下一篇织梦支付宝+财付通免签约即时到帐接口扫码支付

以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！