首先先说一下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使用心得相关推荐

  1. layui 自定义排序_浅谈layui中table的sort排序

    table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...

  2. layui 自定义排序_thinkphp5+layui异步修改排序

    thinkphp5 layui异步修改排序 html代码js代码 function changeSort(obj,fw_id) { //获取修改完成之后的排序值 var chaxuncishu = $ ...

  3. layui表格排序扩展自定义排序规则

    layui框架表格只支持数字排序,不能支持自定义排序,于是自己修改table.js模块源码增加了自定义排序功能 最开始研究修改的是layui2.1.2版本的 table.js 由于项目用的是layui ...

  4. MYSQL自定义排序

    下面是本人关于mysql 自定义排序(field,INSTR,locate)的一点心得,希望对大家有所帮助 首先说明这里有三个函数(order by field,ORDER BY INSTR,ORDE ...

  5. layui 自定义request_layui中使用自定义数据格式对数据表格进行渲染

    1.引入 2.页面代码 编辑 删除 layui.use('table', function(){ var table = layui.table; table.render({ elem: '[lay ...

  6. layui自定义模块、日志打印使用、layui文件上传云服务器

    1.layui自定义模块:方便接口调用 ​ 异步请求url地址不方便 ​ 解决:扩展模块 ​ 1):定义对应js文件 ja>lay-module创建http目录创建http.js文件 ​ 2): ...

  7. 数据库中自定义排序规则,Mysql中自定义字段排序规则,Oracle中自定义字段排序规则,decode函数的用法,field函数的用法

    数据库中自定义排序 场景:有一张banner表,表中有一个status字段,有0, 1, 2三个状态位,我想要 1,0,2的自定义排序(这里是重点),然后再进行之上对sequence字段进行二次排序( ...

  8. SpringDataJpA复杂查询实现自定义排序

    需求: 列表页面实现按合同状态自定义排序 private Specification<TblContractPre> whereClause(final TblContractPre en ...

  9. .NET/C#中对自定义对象集合进行自定义排序的方法

    一个集合可否排序,要看系统知不知道排序的规则,像内建的系统类型,int ,string,short,decimal这些,系统知道怎么排序,而如果一个集合里面放置的是自定义类型,比如自己定义了一个Car ...

  10. MapReduce编程实例之自定义排序

    任务描述: 给出一组数据,自定义排序的样式,第一列降序,相同时第二列升序 example Data: 2013 1 2013 5 2014 5 2014 8 2015 9 2015 4 Code: p ...

最新文章

  1. 产业结盟 跨界共赢 | 新华三成为“中国联通物联网产业联盟” 首批成员
  2. python入门——P47魔法方法:定制序列
  3. ActionBarSherlock SlidingMenu整合,解决SlidingMenu example的getSupportActionBar()方法不能用问题...
  4. E-Prime2.0安装避坑指南
  5. 城市智能公交管理系统方案
  6. 艾默生Ev3100变频器源码,汇编语言的。电梯变频器
  7. java换行(java换行代码)
  8. C语言实现线性表的链式存储结构
  9. Linux从删库到跑路--常用命令
  10. 程序员的键盘使用指南
  11. 机器学习在美团配送系统的实践:用技术还原真实世界-笔记
  12. idea中文件提交不了svn怎么办
  13. 《易中天中华史 - 第二卷 国家》读书笔记
  14. 为了搞清深度学习的随机梯度下降我复习了下微积分
  15. 致爱丽丝用计算机怎么弹,致爱丽丝电子琴谱应该怎么弹
  16. OpenCV实战——角度测量
  17. Shader入门精要-4-高级篇
  18. 多模态神经成像之EEG-fMRI同步
  19. IplImage类型
  20. Word:快速删除文档中的单行空行。

热门文章

  1. [转]【基于zxing的编解码实战】精简Barcode Scanner篇
  2. licens 问题 Error (292028): Specified license is not valid for this machine
  3. Softether软件原理分析
  4. 嵌套查询(2020-3-25 )
  5. python访问服务器注册表,使用Python的Windows注册表访问(Winreg)
  6. 外部方法调用内部_实战经验:通过类成员函数指针实现类方法调用
  7. 类k-均值算法无法解决非簇状分布的数据聚类问题_无监督机器学习中,有哪些最常见的聚类算法?...
  8. linux离线卸载docker,Linux系统下Docker的安装与卸载
  9. 蛋糕是叫胚子还是坯子_这个生日蛋糕太适合手残党了,不会裱花也能做,学会再不买着吃了...
  10. 如何在excel中打钩