欢迎来到织梦58!我们致力于织梦商业模板及VIP模板更新

织梦58

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

相关案例演示

  多条件筛选功能常用在图片、装修、机械设备、商城网站等,一般筛选的条件是用户较关注的项目,没必要什么条件都加入。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
case 3:
  $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]) ? '' : '<span class="tiao">' . $addonfields_items[$i];
  }
  $dede_addonfields .= (preg_match("/&".$ctag->GetName()."=/is",$filterarr,$regm) ? '<a title="删除" 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;}


EyouCms,简单易用的企业网站管理系统,点击了解更多


有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入织梦58 VIP②群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流群

作者:DEDE58.COM 关注: 时间:2018-08-10 10:46
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(970003436)进行交流。
相关织梦教程
在线客服

×关闭