bootstrap editable初始化后表單可修改數據

function loadData() {
    var url = "${ctx }/sys/marketing/product/page";
    $('#tablepager').bootstrapTable({
        url: url,
        dataType: "json",
        pagination: true, //分頁
singleSelect: true,//只能選擇一行
clickToSelect: true,
        search: false, //顯示搜索框
sidePagination: "server", //服務端處理分
pageNumber: 1,
        pageSize: 10,
        pageList: [10, 20, 50, 100],
        queryParams:function(params){
            var par={"markingCode":$("#searchmarkingCode").val(),"markingName":$("#searchMarkingName").val(),"productCode":$("#searchproductCode").val(),"productName":$("#searchProductName").val(),"productType":$("#searchproductType").val(),};
            var p= $.extend({},params,par);
            return p;
        },
        showColumns: true,
        showRefresh: true,
        showToggle: true,
        toolbar: "#tableToolbar",
        onEditableSave: function (field, row, oldValue, $el) {
            $.ajax({
                type: "post",
                url: "${ctx }/sys/marketing/product/" + row.id,
                data:{ "_method": "put","id":row.id,"markingName":row.markingName,"productType":row.productType,
                    "markingPrice":row.markingPrice,"productName":row.productName,"markingCode":row.markingCode,
                    "productCode":row.productCode},
                dataType: 'JSON',
                success: function (data, textStatus, jqXHR) {
                    layer.msg("編輯成功", {icon: 7});
                },
                error: function () {
                    layer.msg("error", {icon: 7});
                },
                complete: function () {

                }
            });
        },
        columns: [{
            checkbox: true
},
            {
                field : "markingCode",
                title : "活動編碼"
}
            ,
            {
                field : "markingName",
                title : "活動名稱"
}
            ,
            {
                field : "productCode",
                title : "產品編碼"
}
            ,
            {
                field : "productName",
                title : "產品名稱"
}
            ,
            {
                field : "markingPrice",
                title : "活動價格(￥)",
                editable: {
                    type: 'text',
                    title: '活動價格(￥)',
                    validate: function (v) {
                        if ($.trim(v) == '') {
                            return '活動價格不能為空!';
                        }
                        if (isNaN(v)) {
                            return '活動價格必須是數字';
                        }
                        var reg = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/;
                        if(!reg.test(v)) {
                            return '請輸入正確的價格';
                        }
                    },
                }
            }
            ,
            {
                field : "productType",
                title : "產品類型",
                formatter: function (value) {
                    switch (value) {
                        case 1:
                            return "門票";
                        case 2:
                            return "酒店";
                        case 3:
                            return "餐飲";
                        case 4:
                            return "普通商品";
                        default:
                            return "-";
                    }
                }
            }
        ],
    });
}