jfinal html页面提示,html中layui+jfinal模板实现前端搜索功能

//输入触发框

显示数据的地方

#(i18n.get('勾选校区'))

#if(sysAccount.id)

//把用户的校区存到作用域中

#set(sysAccountCampusIds = CampusKit.findCampusIdsByAccount(sysAccount))

#else

#set(sysAccountCampusIds = "")

#end

#for(x : CampusKit.findListByAccount(loginAccount))

#(sysAccountCampusIds.contains(x.id.toString()) ? 'checked="checked"':'')

title="#(x.campusName)" id='campusBox#(x.id)'>

#end

//模板数据

//因为这块用到了layui的语句和jfinal的语句，所以需要把layui的#用jfinal的#让layui当作普通字符串输出

#for(x : CampusKit.findListByAccount(loginAccount))//jfinal的语句，循环

{{#("#") if(isContains("#(x.campusName)",d.val)){ }}//这里用到了layui的语句和jfinal的语句结合，#(x.campusName) jfinal 的语句，{{#("#") if(isContains("#(x.campusName)",d.val)){ }}中的d.val因为if用的是layui的语句，所以直接写就可以，一般都是{{d.val}}这样写

#(sysAccountCampusIds.contains(x.id.toString()) ? 'checked="checked"':'')

title="#(x.campusName)" id='campusBox#(x.id)'>

{{#("#") } }}

{{#("#") if(d.isShow != null && d.isShow.length > 0){ }}

#if(sysAccountCampusIds.contains(x.id.toString()))

#(sysAccountCampusIds.contains(x.id.toString()) ? 'checked="checked"':'')

title="#(x.campusName)" id='campusBox#(x.id)'>

#end

{{#("#") } }}

#end

//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"); //更新这个容器中的页面

});

}