下面是bootstrap中拖动table布局元素的实现方法:
需要引入的文件
有的地方也叫jquery.tablednd.js,当然肯定要基于jquery 和bootstrap table,把该引进的css,js都引入,然后引入插件,本文用的是基于seajs的,按照seajs方法引入。
然后正常初始化表格,需要添加的属性
然后在bootstrap table初始化配置处(与method,url,columns同级)添加以下方法
前两个方法没太大用,最后一个方法返回的newData是拖拽之后的表格顺序,当...
阅读全文
layui注册时判断两次输入的密码是否一致:在表单中提交密码数据后,layui通过调用js代码对两次输入的密码进行比较,判断是否一致。
1、确认密码
html:
<div class="layui-form-item"> <div class="layui-inline"><label class="layui-form-label">登录密码</label><div class="layui-input-inline"> <input type="password" name=&quo...
阅读全文
要判断命令按钮是否被鼠标单击,应在"命令按钮"的Click事件中判断。
Click 事件: 此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。 对一个 Form 对象来说,该事件是在单击一个空白区或一个无效控件时发生。对一个控件来说,这类事件的发生是当单击控件对象的特定区域。(推荐学习:JavaScript视频教程)
通常,将一个 Click 事件过程附加到一个 CommandButton 控件,Menu 对...
阅读全文
bootstrap中常用的class:
基础class
.code来显示单行内联代码.pre来显示多行块代码.kbd来显示用户输入代码.pre-scrollable高度超出340px,就会在Y轴出现滚动条
表格class
.table基础表格margin-bottom:20px,在thead底部2px的浅灰实线,每个单元格顶部1px的浅灰实线.table-striped:斑马线表格,隔行有一个浅灰色的背景色.table-bordered:带边框的表格,所有单元格有1px的边框.table-hover:鼠标悬停在表格的行上,有高亮的背...
阅读全文
layui table中显示图片的方法:
图片需要用到模板.templet:
注意div不可省略,48px指的是div的高度,如果要决定img图片的高度,需要单独设计style
<script type="text/javascript"> layui.use('table',function () { var table= layui.table; table.render({ elem:'#needstable' ,url:'{:url()}' ,method:'post' ...
阅读全文
layui的表格使用还是非常简单的,layui文档中已经非常详细,下面直接上代码了
如果你想了解更多关于layui的知识,可以点击:layui教程
1、jsp代码
<div class="demoTable"> <button class="layui-btn" data-type="publish">发布Banner</button></div><table class="layui-hide" id="banner"></table>
2、然后是js代码
layui.use(...
阅读全文
在工作过程中还有社区交流过程中,发现经常会有小伙伴遇到要将数据导入导出的文体,下面就为大家介绍一个插件,可以将Excel数据导入,也可以将数据导出成excel。
如果你想了解更多关于layui的知识,可以点击:layui在线教程
环境提示:预览环境需要部署在服务器下,不然无法异步获取需要导出的数据
此插件导出excel功能基于 XLSX.js,下载功能基于 FileSaver,读取文件基于 H5的 FileReader。
下载地址:
Github: https:...
阅读全文
在工作过程中还有社区交流过程中,发现经常会有小伙伴遇到要将数据导入导出的文体,下面就为大家介绍一个插件,可以将Excel数据导入,也可以将数据导出成excel。
如果你想了解更多关于layui的知识,可以点击:layui在线教程
环境提示:预览环境需要部署在服务器下,不然无法异步获取需要导出的数据
此插件导出excel功能基于 XLSX.js,下载功能基于 FileSaver,读取文件基于 H5的 FileReader。
下载地址:
Github: https:...
阅读全文
(1) 一般用layui导致提交两次,会想到的是在绑定on sumit的时候没有return false,导致没有把常规提交方式拦截下来,再次访问了action
如果你想了解更多关于layui的知识。可以点击:layui教程
form.on('submit(formDemo)', function (data) { var fd = new FormData($('form')[0]); $.ajax({ type: "POST", url: '/admin/adduser.do&...
阅读全文