入职第八天 layUI的简单使用

学习LayUI简单的学习了弹出层,,多功能分页,表单,文件上传,树形菜单,流加载功能。
如果数据提交成功,我们可以在数据提交成功后的闭包中提示方法为layer,open({样式设置,content:'内容'});
分页选择只需要实现layui.laypage(参数)即可,参数设计cont,pages,curr.groups等,可在后台完成
监听操作var element = layui.element();实例化
element.on(filter,callback);filter监听的操作,callback监听到操作后执行回调;
表单数据
类型lay-form表单
lay-form-label label
lay-input-item 输入栏

lay-submit提交
reset重置
使用lay-verify=“” 表单验证
内置基本验证,可以自定制验证form.verifty({})
数据上传:layui.upload({
url:'',
success:funcation(res,input){}
})
树形结构:
layui.tree({
elem:'',nodex//传入元素选择器
nodes:[{''//节点
name:'父节点',
children:[{
name:'子节点'},{}]})

})
流加载layui.use('flow',function(){
var flow = layui.flow;
flow.load({})
})
省市区联动的实现:
jsp页面主要通过select和option标签及c:foreach实现。使用url请求数据,control层获取请求数据后将获取的数据存储到域中,foreach遍历域对象获取多个选项,选择提交。
下午主要参见新员工培训,主要涉及转正,工资结算,岗位提升,请假,离职等相关事项。

你可能感兴趣的:(入职第八天 layUI的简单使用)