小程序网页设计_layui自界说东西栏的方法

摘要: layui自定专用工具栏的方式 今日网编就为大伙儿共享一篇layui自定专用工具栏的方式,具备非常好的参照使用价值,期待对大伙儿有一定的协助。一起追随网编回来看一下吧toolba...

layui自定义工具栏的方法       今天小编就为大家分享一篇layui自定义工具栏的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

toolbar: ‘#toolbarDemo' //指向自定义工具栏模板选择器

toolbar: ‘ div xxx /div ' //直接传入工具栏模板字符

toolbar: true //仅开启工具栏,不显示左侧模板

toolbar: ‘default' //让工具栏左侧显示默认的内置模板

在这里我用的是第一种toolbar:'#toolbarDemo',就是调用自己定义的工具栏的模板选择器

功能效果图:

已封装好的自定义工具栏模板选择器:

 script type="text/html" id="toolbarDemo" 
 div 
 button lay-event="getSelect" 查询 /button 
 button lay-event="getInsert" 新增 /button 
 button lay-event="getUpdate" 修改 /button 
 button lay-event="getDelete" 删除 /button 
 button lay-event="getRefresh" 刷新 /button 
 /div 
 /script 

调用方法:

首先得引用jquery和layui的css样式、js样式

 link href="~/Contents/assets/layui/css/layui.css" rel="external nofollow" rel="stylesheet" / 
 script src="~/Contents/js/jquery-3.3.1.min.js" /script 
 script src="~/Contents/assets/layui/layui.all.js" /script 

{ type: 'numbers', title: '序号', align: 'center', width: 100 }, { field: 'DepartmentNumber', title: '部门编号', align: 'center' }, { field: 'Department', title: '部门名称', align: 'center' } id: 'table', toolbar: '#toolbarDemo',//开启自定义工具行,指向自定义工具栏模板选择器 defaultToolbar: ['filter', 'print', 'exports']

上面的toolbar: '#toolbarDemo'这句代码是这个功能的关键代码

以上这篇layui自定义工具栏的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 400-000-8888