espcms联动筛选功能开发
易思后台增加新内容模型,添加字段yewu,fuwu,leixing
修改/interface/article.php (写上新增内容模型的mid——写死的),对这个模型的内容列表写了可以联动筛选的sql查询语句。
使用get方式传参数,http://lycms.lanyunwork.com/case/?yewu=高端别墅fuwu=建筑设计&leixing=别墅
前端部分:
对新模型的分类使用case_list.html模板,加入了3个select选择器。
采用封装的js函数来读取url参数。
用了jquery绑定select onchangge事件,每次改变selected的值,就会读取3个select中的选中值并跳转url。
select选中值的防刷新:
每次加载页面后读取url中的参数值,然后设定select的选中值,由于url中包含中文,使用了jquery的解码函数,
var myurl=new LG.URL(window.location.href);//js封装的url操作函数
$("#yewu").val(decodeURIComponent(myurl.get("yewu")));//jquery解码函数
108行附近可改成带分类的筛选。
和不带分类的对整个模型根栏目筛选。