zoukankan      html  css  js  c++  java
  • bootstrap editable有默认值

    function listEditor(data,productCode) {
        $('#tab1').bootstrapTable('load', data);
        $('#tab1').bootstrapTable({
            method:'POST',
            dataType:'json',
            contentType: "application/x-www-form-urlencoded",
            cache: false,
            striped: true,                              //是否显示行间隔色
    sidePagination: "client",           //分页方式:client客户端分页,server服务端分页(*)
    showColumns:true,
            pagination:true,
            minimumCountColumns:2,
            search: true,
            pageNumber:1,                       //初始化加载第一页,默认第一页
    pageSize: 10,                       //每页的记录行数(*)
    idField: "productCode",
            pageList: [10, 15, 20, 25],        //可供选择的每页的行数(*)
    uniqueId: "id",                     //每一行的唯一标识,一般为主键列
    showExport: true,
            singleSelect : true, // 单选checkbox
    onEditableSave: function (field, row, oldValue, $el) {
                $.ajax({
                    success: function (data, status) {
                        console.log(row);
                        if (status == "success") {
                            layer.msg("编辑成功", {icon: 7});
                        }
                    },
                    error: function () {
                        layer.msg("Error", {icon: 7});
                    },
                    complete: function () {
    
                    }
                });
            },
            data: data,
            columns: [{
                field : 'state',
                checkbox:true,
                formatter : stateFormatter
            },
                {
                    field:'rowId',
                    title:'序号',
                    width:30,
                    align: 'center',
                    formatter:function(value,row,index){
                        row.rowId = index;
                        return index+1;
                    }},
                {
                    field: 'productCode',
                    title: '产品编码'
    }, {
                    field: 'productName',
                    title: '产品名称'
    }, {
                    field: 'markingPrice',
                    title: '活动价格(¥)',
                    editable: {
                        type: 'text',
                        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 '请输入正确的价格';
                            }
                        }
                    },
                }]
        });
    }
    //对应的函数进行判断;
    function stateFormatter(value, row, index) {
        if (row.state == true)
            return {
                disabled : false,//设置是否可用
    checked : true//设置选中
    };
        return value;
    }
  • 相关阅读:
    数据库是什么以及用来干嘛
    10.3
    10.2
    12.7
    12.5
    12.4
    12.3
    12.2
    12.1JOptionPane
    11.30eclipse常用快捷键
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11430667.html
Copyright © 2011-2022 走看看