现在位置: 首页 > web前端 > 文章
2020年01月04日 web前端 ⁄ 共 459字 评论关闭
下面是bootstrap中拖动table布局元素的实现方法: 需要引入的文件 有的地方也叫jquery.tablednd.js,当然肯定要基于jquery 和bootstrap table,把该引进的css,js都引入,然后引入插件,本文用的是基于seajs的,按照seajs方法引入。 然后正常初始化表格,需要添加的属性 然后在bootstrap table初始化配置处(与method,url,columns同级)添加以下方法 前两个方法没太大用,最后一个方法返回的newData是拖拽之后的表格顺序,当...
阅读全文
2020年01月04日 web前端 ⁄ 共 678字 评论关闭
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...
阅读全文
2020年01月04日 web前端 ⁄ 共 958字 评论关闭
要判断命令按钮是否被鼠标单击,应在"命令按钮"的Click事件中判断。 Click 事件: 此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。 对一个 Form 对象来说,该事件是在单击一个空白区或一个无效控件时发生。对一个控件来说,这类事件的发生是当单击控件对象的特定区域。(推荐学习:JavaScript视频教程) 通常,将一个 Click 事件过程附加到一个 CommandButton 控件,Menu 对...
阅读全文
2020年01月04日 web前端 ⁄ 共 4151字 评论关闭
如果你想了解更多关于layui的知识,可以点击:layui教程 layui是什么   layer,一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现。—–来自百度百科   根据layer组件使用人数,就可以看出layui框架是非常不错的,接下来我们就开...
阅读全文
2020年01月04日 web前端 ⁄ 共 1309字 评论关闭
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:鼠标悬停在表格的行上,有高亮的背...
阅读全文
2020年01月04日 web前端 ⁄ 共 1428字 评论关闭
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' ...
阅读全文
2020年01月04日 web前端 ⁄ 共 1372字 评论关闭
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(�...
阅读全文
2020年01月04日 web前端 ⁄ 共 544字 评论关闭
在工作过程中还有社区交流过程中,发现经常会有小伙伴遇到要将数据导入导出的文体,下面就为大家介绍一个插件,可以将Excel数据导入,也可以将数据导出成excel。 如果你想了解更多关于layui的知识,可以点击:layui在线教程 环境提示:预览环境需要部署在服务器下,不然无法异步获取需要导出的数据 此插件导出excel功能基于 XLSX.js,下载功能基于 FileSaver,读取文件基于 H5的 FileReader。 下载地址:    Github: https:...
阅读全文
2020年01月04日 web前端 ⁄ 共 546字 评论关闭
在工作过程中还有社区交流过程中,发现经常会有小伙伴遇到要将数据导入导出的文体,下面就为大家介绍一个插件,可以将Excel数据导入,也可以将数据导出成excel。 如果你想了解更多关于layui的知识,可以点击:layui在线教程 环境提示:预览环境需要部署在服务器下,不然无法异步获取需要导出的数据 此插件导出excel功能基于 XLSX.js,下载功能基于 FileSaver,读取文件基于 H5的 FileReader。 下载地址:    Github: https:...
阅读全文
2020年01月04日 web前端 ⁄ 共 815字 评论关闭
(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&...
阅读全文