//模板数据//因为这块用到了layui的语句和jfinal的语句,所以需要把layui的#用jfinal的#让layui当作普通字符串输出
& lt;脚本type=" text/html " id=皊earchText”比;
# (x: CampusKit.findListByAccount (loginAccount))//jfinal的语句,循环//这里把原来选择的数据显示出来,已经选择的数据,显示,如果不显示,保存的话,会把这些数据默认成没有选择的
#如果(sysAccountCampusIds.contains (x.id.toString ()))
& lt;输入类型=案囱】颉眝alue=" https://www.yisu.com/zixun/# (x.id) " name=靶Ｔ啊?
# (sysAccountCampusIds.contains (x.id.toString ()) & # 63;”=凹觳椤奔觳?”)
标题=" # (x.campusName) " id=癱ampusBox # (x.id)”在
#结束//这里用到了layui的语句和jfinal的语句结合,# (x.campusName) jfinal的语句,{{#(“#”)如果(isContains (“# (x.campusName)”, d.val)){}}中的d.val因为,如果用的是layui的语句,所以直接写就可以,一般都是{{d.val}}这样写
{{#(“#”)如果(isContains (“# (x.campusName)”, d.val)) {}}
& lt;输入类型=案囱】颉眝alue=" https://www.yisu.com/zixun/# (x.id) " name=靶Ｔ啊?
# (sysAccountCampusIds.contains (x.id.toString ()) & # 63;”=凹觳椤奔觳?”)
标题=" # (x.campusName) " id=癱ampusBox # (x.id)”在
{{# (“#”)}}}
#结束
& lt;/script>//str字符串是否包含字符串的子串字符串
字符串的子串函数isContains (str) {
返回str.indexOf (substr)在=0;
}//layui模板的写法
var getTpl=searchText.innerHTML;//写到js方法外边这样只加载一次,不用每次都加载,速度快/*前端页面的搜索*/函数ck (campusName) {//渲染模版
layui.laytpl (getTpl)。呈现({“val”: campusName},//json值
函数(html) {
$(" #凸轮”). html (html);//jquery把模板加载到div id是凸轮中& lt; div id=巴孤帧弊４? lt;/div>
console.log (html);
layui.form.render (null,“凸轮”);//更新这个容器中的页面
})；
}
以上所述是小编给大家介绍的JS实现前端页面的搜索功能,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
