Layui 的使用总结

1.js功能不全.需要下载插件

tree 功能简单
table 大部分功能都有
select多选 需要下插件
时间轴 怎么横过来没研究 前端不太懂
图片查看功能简单 替换views.js
form ajax提交有硬伤 别忘了return false . 要不提交两次
表单验证触发有bug,且不能单独使用,必须触发form监听,没有返回值, 提示信息不能自定义, 想要的话得自定义整个验证规则
dropdown.js layarea.js tableMerge.js treeSelect.js treetable.js(资源管理) eps.js

2.遇到的问题

1. layer使用遮罩层时, ajax操作不能是同步的(async:false), 否则遮罩层不能置顶最上层
2. form 表单验证不能单独使用, 使用隐藏按钮触发form提交验证时弹出提示不能拦截流程, 依旧向下执行
3. 表格编辑开启时 不能使用url模式, 只能ajax获取后渲染.否则每次新增一行时,将新增数据插入到表格数据并刷新表格渲染会重新请求url
4. 表格自带导出, 空值会显示null, 需要正则替换

   function exportTable(tableId, data, type) {
   	var str=JSON.stringify(data);
   	var regNull=/:null/g;
   	var str=str.replace(regNull,':""');
   	var newdata=eval(str);
   	$table.exportFile(tableId, newdata, type);
   }
   

5. 表格中使用表单的开关按钮, 好像comfirm不能拦截流程. 最后是后台判断. 不对时再赋值状态, 渲染checked
6. 动态下拉不能设置 k-v 对应字段 , 只能ajax 获取值后拼, 别忘了渲染下
7. Jquery 中最好不用$(function{ xxx(); }). 要不然经常性的有部件渲染不出来.
8. 表格编辑下拉好像要改样式. 下拉内容被遮挡. 也可以下载插件有写好的
9. 表格分页查询要注意下设置起始页页码为1 , 查询会自动带着上次的查询条件
10. 下拉列表的展示方向是框架判断的. 但是有时候判断的不对. 需要自己写样式来修改

    $("#XXX").parent().find(".layui-anim-upbit").css("top", "-85px");
    

11. layui轮播中箭头不起作用问题，div不能卸载form中

3.好看