fsLayui 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。
GitHub下载 码云下载
测试环境地址:http://fslayui.itcto.cn
css和js引用
公共css和js必须全部引用
1 | <!-- layui css --> |
form表单
新增操作
新增只需要关注按钮配置
form表单基于layui.form 监听提交事件,不需要配置function,直接配置提交地址 url 即可
1 | <form class="layui-form"> |
编辑操作
编辑需要先查询出数据展示,关注form配置和按钮配置
form表单需要配置isLoad 和 loadUrl
1 | <form class="layui-form" id="edit_form" isLoad="1" loadUrl="/fsbus/1003"> |
form表单属性说明
属性 | 必输 | 默认值 | 名称 | 描述 |
---|---|---|---|---|
isLoad | 否 | 是否加载 | 1:是,0:否 | |
loadUrl | 否 | 加载数据地址 |
日期控件说明
如果要使用日期控件,必须按照以下配置
- class样式中增加 fsDate
- 在input定义其他的属性
属性 | 必输 | 默认值 | 名称 | 描述 |
---|---|---|---|---|
dateType | 否 | 控件选择类型 | ||
dateRange | 否 | 范围选择 | ||
dateFormat | 否 | 自定义格式 | ||
dateMin | 否 | 最小日期 | ||
dateMax | 否 | 最大日期 |
配置属性值请参考layui官方日期配置
http://www.layui.com/doc/modules/laydate.html#options