码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-table 行内编辑

时间:2017-09-27 18:59:49      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:return   编辑   项目   添加   ble   密码   error   ==   val   

所需的样式和js文件: https://pan.baidu.com/s/1eSAKzyM 密码: s3wh

参考 : http://www.cnblogs.com/landeanfen/p/5005367.html

 

columnsDefined()  处需要加行内编辑的可这么设置

{
    title : ‘备注‘,
    field : ‘remark‘,
    formatter : function(value, row, index){
        if(value == null){
            return "添加";
        }else{
            return value;
        }
    },
    editable:{
        title : ‘添加备注‘,
        type  : "text"
    }
},

 

onEditableSave的设置
onEditableSave: function (field, row, oldValue, $el) {
    $.ajax({
        type: "POST",
        url: home + editUrl,(此处根据自己项目的配置填,反正就是目标请求url)
        data:{"param" : JSON.stringify(row)},
        success: function (data, status) {
            if (data == "success") {
                swal("修改成功");
            }else if(data == "failure"){
                swal("修改失败");
            }else{
                $("#bootstrapTable").bootstrapTable(‘refresh‘);
                swal("修改失败");
            }
        },
        error: function () {
            $("#bootstrapTable").bootstrapTable(‘refresh‘);
            swal("修改失败");
        },
        complete: function () {
//            $("#bootstrapTable").bootstrapTable(‘refresh‘);
        }
    });
}

 

bootstrap-table 行内编辑

标签:return   编辑   项目   添加   ble   密码   error   ==   val   

原文地址:http://www.cnblogs.com/lihuanliu/p/7603058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!