web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

324 ℃
     

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

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

  效果参考图

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

 

  

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

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

  }

  }

  }

  }

  echo $dede_addonfields;

  }

  在这段代码之前(switch条件case 2 的下面增加case 3)增加如下代码:

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;}

织梦CMS如何屏蔽搜索引擎识别

dedecms列表页面显示当前文章的tag标签

dedecms修改单独页面管理列表中页面属性

dedecms根据动态关键词获取对应文章(亲测有效)

CMS(内容管理系统)如何实现点击按钮删除标签功能

标签: 联动筛选

上面是“dedecms织梦多条件联动筛选带删除功能教程”的全面内容,想了解更多关于 织梦cms 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_770.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > 织梦cms
本文共计2014个字,预计阅读时长14分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款免费商用的斜体创意字体——字魂扁桃体
下一篇: 推荐一款充满古雅之风的免费字体——问藏书房字体
x 打工人ai神器