近期做的项目前端页面使用layui框架,做下总结。
一、几个链接
API主要参考官网
二、总结几点
1、layui中 onclick事件写法
function xxx(){...} //无效
正确写法:
window.delTr = function(o){
//......
}
或者给组件一个id
$(document).on('click','#add-batch-btn',function(){
//...
})
2、form表格动态添加的行获取每行字段值
form.on('submit(saveBtn)', function (data) {
var params = {'project': {}, 'chips': {}, 'pcb': []};
$.each($('.project td>input'), function(i, v) {
if (v.name != '') {
params['project'][v.name] = v.value;
}
});
// 组织动态添加的行信息
$.each($('.chips'), function(i, v) { //添加的行tr都有class为chips
var chip = {};
$.each($(v).find('td>input'), function(i