博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html中layui+jfinal模板实现前端搜索功能
阅读量:5797 次
发布时间:2019-06-18

本文共 1586 字,大约阅读时间需要 5 分钟。

//输入触发框
显示数据的地方 
#if(sysAccount.id)               //把用户的校区存到作用域中 #set(sysAccountCampusIds = CampusKit.findCampusIdsByAccount(sysAccount)) #else #set(sysAccountCampusIds = "") #end #for(x : CampusKit.findListByAccount(loginAccount))
#end
 

 

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

    <!-- 保留原来数据,原来有的选怎的数据显示出来,否则保存的时候会把原来的删除的,所以把原来的保存下来-->

    {
{#("#") if(d.isShow != null && d.isShow.length > 0){ }}
      #if(sysAccountCampusIds.contains(x.id.toString()))
        <input type='checkbox' value="#(x.id)" name='campus'
        #(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"); //更新这个容器中的页面 }); }

记录学习历程...

大师兄真的很厉害啊。各种的都会...

 

转载于:https://www.cnblogs.com/renjianjun/p/8969464.html

你可能感兴趣的文章
VC中实现文字竖排的简单方法
查看>>
程序员常用的六大技术博客类
查看>>
深入理解浏览器的缓存机制
查看>>
又拍云沈志华:如何打造一款安全的App
查看>>
dubbo源码分析-架构
查看>>
6套毕业设计PPT模板拯救你的毕业答辩
查看>>
Windows phone 8 学习笔记
查看>>
我的友情链接
查看>>
sshd_config设置参数笔记
查看>>
LeetCode--112--路径总和
查看>>
感悟贴2016-05-13
查看>>
百度编辑器ueditor 光标位置的坐标
查看>>
DEV-C++ 调试方法简明图文教程(转)
查看>>
Sublime Text 2 技巧
查看>>
参加婚礼
查看>>
刚毕业从事java开发需要掌握的技术
查看>>
vim
查看>>
Java重写equals方法和hashCode方法
查看>>
Spark API编程动手实战-07-join操作深入实战
查看>>
H3C-路由策略
查看>>