guns4.2-之实现双击弹修改页面

用Demo为例 Demo

js修改的地方

第一步 添加根据id查询详情进入修改页面

目的是用于双击根据双击列的id 查询数据

其实是把显示修改页面内部方法拿过来稍微修改了下。

添加了个入参 id

content: Feng.ctxPath + '/demo/demo_update/' + id 改成id了

/**
 * 根据id查询数据显示修改页面
 */
Demo.openDemoDetailById = function (id) {
        var index = layer.open({
            type: 2,
            title: '详情',
            area: ['800px', '420px'], //宽高
            fix: false, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/demo/demo_update/' + id
        });
        this.layerIndex = index;
};

第二步 最下面的方法$(function () 添加双击监听

  $('#'+Demo.id).on('dbl-click-row.bs.table', function (e,row,$element) {
        Demo.openDemoDetailById(row.id);
    });

如下

$(function () {
    var defaultColunms = Demo.initColumn();
    var table = new BSTable(Demo.id, "/demo/list", defaultColunms);
    table.setPaginationType("server");
    Demo.table = table.init();
    $('#'+Demo.id).on('dbl-click-row.bs.table', function (e,row,$element) {
        Demo.openDemoDetailById(row.id);
    });
});

第三步 修改之前的打开修改方法，调用第一步创建的方法

为了实现复用性

如下

/**
 * 打开查看详情
 */
Demo.openDemoDetail = function () {
    if (this.check()) {
        this.openDemoDetailById(Demo.seItem.id)

    }
};

备注

这里输入引用文本如果双击要刷新下面列表的功能的话， 双击改为单击 dbl-click-row.bs.table 改为 click-row.bs.table