• 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 "-";
                        }
                    }
                }
            ],
        });
    }
  • 相关阅读:
    VC.【转】采用_beginthread/_beginthreadex函数创建多线程
    Qt532.【转】Qt在pro中设置运行时库MT、MTd、MD、MDd,只适合VS版本的Qt
    Qt532界面.ZC测试
    Qt532.【转】Qt创建鼠标右键菜单
    VC.【转】窗口置于前台并激活的方法
    VS2010.STL::list的一个bug
    STL_map.VC6简单使用例子
    LeetCode题解-----Maximum Gap
    CEPH块设备创建及快照
    Ubuntu 14.04 部署 CEPH集群
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11430663.html
Copyright © 2020-2023  润新知