具有 x-editable 的 DataTables 不发送 ajax 数据

Question

我正在尝试使用 x-editable 插件使数据表可编辑。 一切正常，但编辑数据的发送。当我单击单元格时，编辑器正在打开，但没有任何内容发送到后端。

这是我的代码。这是fiddle。

// DataTables
let isDataTables = document.getElementById('dataTable');
if (isDataTables !== null) {
    $.extend( true, $.fn.dataTable.defaults, {
        dom: "<'row'<'col-sm-3'B><'col-sm-3'l><'col-sm-3'f><'col-sm-3'r>>" + "<'row'<'col-sm-12't>> " + "<'row pad10top'<'col-sm-6'i><'col-sm-6'p>>",
        //serverSide: true,
        select:true,
        stateSave: true,
        pagingType: "full_numbers",
        scrollY:    "60vh",
        scrollCollapse: true,
        pageLength: 50,
        responsive: {
            details: false
        }
    } );
}
$('#dataTable').DataTable( {    
    "drawCallback": function(){
        $.each ($("#dataTable td"), function (i, v) {
            tmp_pk = $(this) .closest($('tr')).attr('id');
            $(this).attr('data-pk', tmp_pk);
        });

        //let api = this.api();
        //$('.editable', api.table().body())
        $('td.controle').editable({
            url : '/response',
            pk: tmp_pk,
            ajaxOptions: {
                type: 'put'
            }
        })
    },
} );

Answer 1

我终于在常见问题解答中找到了我的问题的答案：

数据未提交到服务器！为什么？最可能的原因是 你有空的 pk 或 url 选项。如果您想提交数据而不 pk请将发送选项设置为“始终”。

如果您没有更改值，也不会提交表单。管理这个 行为见 savenochange 选项。

https://vitalets.github.io/x-editable/faq.html