bootstrapTable insertRow 新增行保留原数据

思路：保留原数据，然后新增行。

var optionsxx = {
//省略xxx；

columns: [{
    checkbox: true
},
    {
        field: 'id',
        title: '主键',
        class: 'yincang'
    },
    {
        field: 'name',
        title: '名字'
    }
]


}；

/* 添加行 保留原数据 */
function addColumn() {
    var count = $("#bootstrap-table").bootstrapTable('getData').length;
    var params = new Array();
    for (var dataIndex = 0; dataIndex < count; dataIndex++) {
        var columns = $('#bootstrap-table' + ' tr[data-index="' + dataIndex + '"] td');
        var obj = new Object();
        for (var i = 0; i < columns.length; i++) {
            var inputValue = $(columns[i]).find('input');
            var selectValue = $(columns[i]).find('select');
            var key = optionsxx.columns[i].field;
            if(key){
                if ($.common.isNotEmpty(inputValue.val())) {
                    obj[key] = inputValue.val();
                } else if ($.common.isNotEmpty(selectValue.val())) {
                    obj[key] = selectValue.val();
                } else {
                    obj[key] = "";
                }
            }
        }
        params.push({ index: dataIndex, row: obj });
    }
    $("#bootstrap-table").bootstrapTable("updateRow", params);
    var row;
        row = {
            index: $.table.serialNumber(count),
            name: "",
            number: "",
            price: "",
            remark: "",
        }
    $("#bootstrap-table").bootstrapTable('insertRow', {
        index: count,
        row: row
    });
}

巴特西

bootstrapTable insertRow 新增行保留原数据

最新文章

热门文章