鍍金池/ 問(wèn)答/Java  HTML/ bootstrap table一列編輯和表格沖突

bootstrap table一列編輯和表格沖突

1.列表可以編輯其中一個(gè)表格和一行表格,點(diǎn)擊點(diǎn)擊一個(gè)表格同時(shí)一列彈窗框.
2代碼圖片描述
// bootstrap table初始化
function init() {

$table.bootstrapTable({
    url: relPath() + '/lianxi/list',
    height: getHeight(),
    striped: true,
    search: false,
    showRefresh: true,
    showColumns: true,
    minimumCountColumns: 2,
    clickToSelect: true,
    detailView: true,
    detailFormatter: 'detailFormatter',
    pagination: true,
    paginationLoop: false,
    sidePagination: 'server',
    silentSort: false,
    smartDisplay: false,
    escape: true,
    searchOnEnterKey: true,
    showExport: true,
    showFullscreen: true,
    trimOnSearch: true,
    exportOptions: {
        fileName: '練習(xí)', //導(dǎo)出文件名
        worksheetName: 'haha', //工作表的名
    },
    exportDataType: 'all',
    exportTypes: ['csv', 'txt', 'sql', 'doc', 'excel', 'xlsx', 'pdf'],  //導(dǎo)出文件類型*/
    toolbar: '#toolbar',
    queryParams: function queryParams(params) {  //自定義搜索框
        return {
            name: $('#names').val(), // 請(qǐng)求時(shí)向服務(wù)端傳遞的參數(shù)
            remake: $('#remakes').val(), // 請(qǐng)求時(shí)向服務(wù)端傳遞的參數(shù)
            //  keyword:params.search,//搜索
            order: params.order,//排序
            sort: params.sort//排序字段
        }
    },
    idField: 'id',
    maintainSelected: true,
    toolbar: '#toolbar',
    columns: [
        {field: 'ck', checkbox: true},
        {field: 'id', title: '編號(hào)', sortable: true, align: 'center'},
        {
            field: 'name', title: '系統(tǒng)名稱',
            editable: {
                type: 'text',
                title: '系統(tǒng)名字',
                validate: function (value) {
                    if (!value) return '輸入用戶名為空';
                }
            }
        },
        {field: 'remake', title: '備注'},
        {
            field: 'ctime', title: '開始時(shí)間', sortable: true,
            formatter: function (value, row, index) {
                return changeDateFormat(value)
            }
        },
        {
            field: 'imgurl', title: '公司logo',
            formatter: function (value, row, index) {
                var s;
                if (row.imgurl != null) {
                    var url = row.imgurl;
                    s = '<a class = "view"  href="javascript:void(0)"><img style="width:300;height:40px;"  src="' + url + '" /></a>';
                }
                return s;
            },
            //定義點(diǎn)擊之后放大圖片的事件
            events: 'operateEvents'
        },
        {
            field: 'action',
            title: '操作',
            align: 'center',
            formatter: 'actionFormatter',
            events: 'actionEvents',
            clickToSelect: false
        },
    ],

    //表格編輯
    onEditableSave: function (field, row, oldValue, $el) {
        $.ajax({
            type: "post",
            url: relPath() + "/lianxi/update/" + row.id,
            data: row,
            dataType: 'JSON',
            success: function (result) {
                if (result.code == 0) {
                    alert("編輯錯(cuò)誤")
                }
            },
            error: function () {
                alert("編輯錯(cuò)誤")
            }
        })
        return false;
    }


    //列表選擇行點(diǎn)擊數(shù)據(jù)
    onDblClickRow: function (rows) {
        alert(rows.id);
        // var row = $table.bootstrapTable("getSelections")
        updateDialog = $.dialog({
            animationSpeed: 300,
            title: '編輯系統(tǒng)',
            content: 'url:'+relPath()+'/lianxi/update/'+rows.id,
            onContentReady: function () {
                initMaterialInput();
            }
        });
    }
});

}

回答
編輯回答
茍活

onDblClickRow: function(row, $element)
判斷$element不是系統(tǒng)名稱再?gòu)椏?/p>

2017年6月14日 13:20
編輯回答
幼梔

謝謝,通過(guò)field獲取字段做判斷,已經(jīng)ok。onDblClickRow: function (rows,$element,field)。

2018年8月17日 00:26