前端页面的搜索功能的实现

前端页面的搜索功能的实现_第1张图片

//输入触发框


//这里是渲染的地方 #if(sysAccount.id) #set(sysAccountCampusIds = CampusKit.findCampusIdsByAccount(sysAccount)) #else #set(sysAccountCampusIds = "") #end #for(x : CampusKit.findListByAccount(loginAccount)) #end
//模板数据 //因为这块用到了layui的语句和jfinal的语句,所以需要把layui的#用jfinal的#让layui当作普通字符串输出 //str字符串是否包含substr字符串 function isContains(str, substr) {     return str.indexOf(substr) >= 0; } //layui模板的写法 var getTpl = searchText.innerHTML;//写到js方法外边这样只加载一次,不用每次都加载,速度快 /* 前端页面的搜索 */  function ck(campusName){     //渲染模版     layui.laytpl(getTpl).render({"val":campusName,"isShow":campusName}, //json值,isShouw为了那边做出判断使用             function(html){         $("#cam").html(html);//jquery把模板加载到div   id是cam中
        console.log(html);         layui.form.render(null,"cam"); //更新这个容器中的页面     });        }

 

 

 

 

 

你可能感兴趣的:(layui)