html把表格的一行数据放到弹出窗口中编辑修改,如何在后端表格点击一行记录,能够弹出该条记录的详细内容窗口,而不是编辑窗口?...

html把表格的一行数据放到弹出窗口中编辑修改,如何在后端表格点击一行记录,能够弹出该条记录的详细内容窗口,而不是编辑窗口?..._第1张图片

参考下面代码实现: (补充说明,请在初始化表格时,添加 dblClickToEdit: false 属性, 这样在双击行时,不会自动调用编辑按钮事件)

// 表格行单击行

var options = table.bootstrapTable('getOptions');

if (options.clickToSelect) {//当双击单元格时

table.on('click-row.bs.table', function (e, row, element, field) {

// 这个地方弹出窗口, 示范一个公告层

Layer.open({

type: 1,

title: false,

closeBtn: false,

area: '300px;',

shade: 0.8,

id: 'LAY_layuipro', //设定一个id,防止重复弹出

btn: ['火速围观', '残忍拒绝'],

btnAlign: 'c',

moveType: 1, //拖拽模式,0或者1

content: '

你知道吗?亲!
layer ≠ layui
layer只是作为Layui的一个弹层模块,由于其用户基数较大,所以常常会有人以为layui是layerui
layer虽然已被 Layui 收编为内置的弹层模块,但仍然会作为一个独立组件全力维护、升级。
我们此后的征途是星辰大海 ^_^
',

success: function(layero){

var btn = layero.find('.layui-layer-btn');

btn.find('.layui-layer-btn0').attr({

href: 'http://www.layui.com/',

target: '_blank'

});

}

});

});

}

你可能感兴趣的:(html把表格的一行数据放到弹出窗口中编辑修改,如何在后端表格点击一行记录,能够弹出该条记录的详细内容窗口,而不是编辑窗口?...)