x-editable 编辑一个单元格后怎么提交到后台?

我想在编辑单元格后点击√的时候直接保存?请问该怎么更改。
百度了下用 onEditableSave 也是没生效。
图片描述


<td class="role_edit" data-type="checklist" id="role_edit_1">
    <span class="label label-success" role_id="1">名字</span>
    <span class="label label-success" role_id="2">名字2</span>
</td>
-------------------------------------------------------------
 //行内编辑角色
        $('.role_edit').on('click',function () {
            var id_arr = new Array();
            var me = $(this);
            var rid = me.attr('id');
            me.children().each(function () {
                id_arr.push($(this).attr('role_id'));
            });
            //请求所有角色,并显示为多选
            $.ajax({
                url: '/system/editUserRole',
                type:'post',
                dataType: 'json',
                data: {
                    role_id:id_arr
                },
                headers : {
                    'X-CSRF-TOKEN': $("input[name='_token']").val()
                },
                success:function (response) {
                    var response = response
                    $("#"+rid).editable({
                        placement:"right",
                        field: "rid",
                        value: id_arr,
                        source: response,
                        method : 'post',
                        // onEditableSave 
                        onEditableSave: function (field, row, oldValue, $el) {//编辑单元格事件
                            $.ajax({
                                type: "POST",
                                url: '/system/doedituserrole',
                                data: row,
                                dataType: 'json',
                                cache: false,
                                success: function (data) {
                                   console.log("百度说可以这样但是没效果")
                                error: function () {
                                   
                                },
                                complete: function () {

                                }
                            });
                        }
                    })
                }
            }).fail(function(response) {
                if(response.status == 422){
                    var data = $.parseJSON(response.responseText);
                    var layerStr = "";
                    for(var i in data.errors){
                        layerStr += data.errors[i]+" ";
                    }
                    sweetAlert('错误', layerStr);
                }else{
                    sweetAlert('未知错误', '请重试');
                }
            });

        });
阅读 1.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题