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 "-";
                    }
                }
            }
        ],
    });
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值