table.on('tool(LAY-app-prescList-list)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
var data = obj.data; //获得当前行数据
var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
// 异常不要用它原来的这个作为tr的dom
// var tr = obj.tr; //获得当前行 tr 的DOM对象
var $this = $(this);
var tr = $this.parents('tr');
var trIndex = tr.data('index');
if (layEvent === 'detail') { //查看
//do somehing
console.log(data);
} else if (layEvent === 'del') { //删除
layer.confirm('真的删除行么', function (index) {
obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
layer.close(index);
//向服务端发送删除指令
});
} else if (layEvent === 'edit') { //编辑
//do something
//同步更新缓存对应的值
obj.update({
});
} else if (layEvent === 'addRowTable') {
// 外围的table的id + tableIn_ + 当前的tr的data-index
$(this).attr('lay-event', 'fold').html('-');
var tableId = 'tableOut_tableIn_' + trIndex;
var _html = [
'<tr class="table-item">',
'<td colspan="' + tr.find('td').length + '" style="padding: 6px 12px;">',
'<table id="' + tableId + '"></table>',
'</td>',
'</tr>'
];
tr.after(_html.join('\n'));
// 渲染table
table.render({
elem: '#' +tableId,
data: data.friend||[],
cols: [[
{field:'id', title: 'ID'},
{field:'name', title: '朋友姓名'},
{field:'age', title: '年龄'}
]],
});
// $(window).resize();
} else if (layEvent === 'fold') {
$(this).attr('lay-event', 'addRowTable').html('+');
tr.next().remove();
}
});
网友评论