layui 自定义排序_layui使用心得
首先先说一下input的各个属性:
class="layui-input"-------将input定义为layui样式,
name="finishdate"-------规定了input的名称,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值,
lay-verify="required"-------表单验证(在js中书写form.verify()方法对自定义的标签值进行校验 ),
placeholder------input的填充
autocomplete------属性规定输入字段是否应该启用自动完成功能(当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项),
再说一下弹出层layer:
在做项目时我把一个input的表单放在layer里面显示,然后说一下layer各个参数的用法:
1.type: 类型:number,默认为0
layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)
2.title: 类型:String/Array/Boolean,默认:'信息'
title支持三种类型的值,若你传入的是普通的字符串,如title :'我是标题',那么只会改变标题文本;若你还需要自定义标题区域样式,那么你可以title: ['文本', 'font-size:18px;'],数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title: false。
3.content: 类型:String/DOM/Array,默认:''
content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。
4.area:类型:String/Array,默认:'auto'
默认状态下,layer弹出层的宽高是自适应的,但当只想定义宽度时,你可以area: '500px',高度仍然是自适应的。当宽高都要定义时,你可以area: ['500px', '300px']
5.btn:类型:String/Array,默认:'确认'
信息框模式时,btn默认是一个确认按钮,其它层类型则默认不显示,加载层和tips层则无效。当您只想自定义一个按钮时,你可以btn: '我知道了',当你要定义两个按钮时,你可以btn: ['yes', 'no']。当然,你也可以定义更多按钮,比如:btn: ['按钮1', '按钮2', '按钮3', …],按钮1和按钮2的回调分别是yes和cancel,而从按钮3开始,则回调为btn3: function(){},以此类推。
6.btnAlign - 按钮排列
你可以快捷定义按钮的排列位置,btnAlign的默认值为r,即右对齐。该参数可支持的赋值如下:btnAlign: 'l' 按钮左对齐
btnAlign: 'c' 按钮居中对齐
btnAlign: 'r' 按钮右对齐。默认值,不用设置
7.maxmin:最大最小化
该参数值对type:1和type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可
8.fixed - 固定
类型:Boolean,默认:true
即鼠标滚动时,层是否固定在可视区域。如果不想,设置fixed: false即可
9.resize - 是否允许拉伸
类型:Boolean,默认:true
默认情况下,你可以在弹层右下角拖动来拉伸尺寸。如果对指定的弹层屏蔽该功能,设置 false即可。该参数对loading、tips层无效
layui--table格式:
详见layui-table的相关问题
layui 自定义排序_layui使用心得相关推荐
- layui 自定义排序_浅谈layui中table的sort排序
table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...
- layui 自定义排序_thinkphp5+layui异步修改排序
thinkphp5 layui异步修改排序 html代码js代码 function changeSort(obj,fw_id) { //获取修改完成之后的排序值 var chaxuncishu = $ ...
- layui表格排序扩展自定义排序规则
layui框架表格只支持数字排序,不能支持自定义排序,于是自己修改table.js模块源码增加了自定义排序功能 最开始研究修改的是layui2.1.2版本的 table.js 由于项目用的是layui ...
- MYSQL自定义排序
下面是本人关于mysql 自定义排序(field,INSTR,locate)的一点心得,希望对大家有所帮助 首先说明这里有三个函数(order by field,ORDER BY INSTR,ORDE ...
- layui 自定义request_layui中使用自定义数据格式对数据表格进行渲染
1.引入 2.页面代码 编辑 删除 layui.use('table', function(){ var table = layui.table; table.render({ elem: '[lay ...
- layui自定义模块、日志打印使用、layui文件上传云服务器
1.layui自定义模块:方便接口调用 异步请求url地址不方便 解决:扩展模块 1):定义对应js文件 ja>lay-module创建http目录创建http.js文件 2): ...
- 数据库中自定义排序规则,Mysql中自定义字段排序规则,Oracle中自定义字段排序规则,decode函数的用法,field函数的用法
数据库中自定义排序 场景:有一张banner表,表中有一个status字段,有0, 1, 2三个状态位,我想要 1,0,2的自定义排序(这里是重点),然后再进行之上对sequence字段进行二次排序( ...
- SpringDataJpA复杂查询实现自定义排序
需求: 列表页面实现按合同状态自定义排序 private Specification<TblContractPre> whereClause(final TblContractPre en ...
- .NET/C#中对自定义对象集合进行自定义排序的方法
一个集合可否排序,要看系统知不知道排序的规则,像内建的系统类型,int ,string,short,decimal这些,系统知道怎么排序,而如果一个集合里面放置的是自定义类型,比如自己定义了一个Car ...
- MapReduce编程实例之自定义排序
任务描述: 给出一组数据,自定义排序的样式,第一列降序,相同时第二列升序 example Data: 2013 1 2013 5 2014 5 2014 8 2015 9 2015 4 Code: p ...
最新文章
- 产业结盟 跨界共赢 | 新华三成为“中国联通物联网产业联盟” 首批成员
- python入门——P47魔法方法:定制序列
- ActionBarSherlock SlidingMenu整合,解决SlidingMenu example的getSupportActionBar()方法不能用问题...
- E-Prime2.0安装避坑指南
- 城市智能公交管理系统方案
- 艾默生Ev3100变频器源码,汇编语言的。电梯变频器
- java换行(java换行代码)
- C语言实现线性表的链式存储结构
- Linux从删库到跑路--常用命令
- 程序员的键盘使用指南
- 机器学习在美团配送系统的实践:用技术还原真实世界-笔记
- idea中文件提交不了svn怎么办
- 《易中天中华史 - 第二卷 国家》读书笔记
- 为了搞清深度学习的随机梯度下降我复习了下微积分
- 致爱丽丝用计算机怎么弹,致爱丽丝电子琴谱应该怎么弹
- OpenCV实战——角度测量
- Shader入门精要-4-高级篇
- 多模态神经成像之EEG-fMRI同步
- IplImage类型
- Word:快速删除文档中的单行空行。
热门文章
- [转]【基于zxing的编解码实战】精简Barcode Scanner篇
- licens 问题 Error (292028): Specified license is not valid for this machine
- Softether软件原理分析
- 嵌套查询(2020-3-25 )
- python访问服务器注册表,使用Python的Windows注册表访问(Winreg)
- 外部方法调用内部_实战经验:通过类成员函数指针实现类方法调用
- 类k-均值算法无法解决非簇状分布的数据聚类问题_无监督机器学习中,有哪些最常见的聚类算法?...
- linux离线卸载docker,Linux系统下Docker的安装与卸载
- 蛋糕是叫胚子还是坯子_这个生日蛋糕太适合手残党了,不会裱花也能做,学会再不买着吃了...
- 如何在excel中打钩