Laravel 与 Webix 数据表编辑的集成答案

【问题标题】：Laravel Integration with Webix Datatable EditingLaravel 与 Webix 数据表编辑的集成
【发布时间】：2016-06-30 08:21:54
【问题描述】：

我有一个运行 Laravel 5 的站点，我想在其中创建一个 Webix 数据表。我对 Webix 数据表的理解是，这些表可以设置为通过使用控制器从 Laravel 数据库加载数据，但是我没有看到任何关于当数据表设置为可编辑时如何读取和保存数据表信息的信息。

当数据表是可编辑的，我还需要创建一个控制器来读写数据库吗？如果是这样，我如何知道数据库中哪些数据已更改/需要更新？

【问题讨论】：

标签： php mysql database laravel-5.1 webix

【解决方案1】：

有关如何在 php 中加载和保存数据的示例，请查看以下内容：

http://docs.webix.com/desktop__custom_serverside.html#dataloading http://docs.webix.com/desktop__dataconnector.html http://docs.webix.com/samples/14_dataprocessor/08_custom_urls.html

对于使用 webix 的 javascript 端，您可以致电 save

dtable = new webix.ui({
    container:"test",
    view:"datatable",
    editable: true
    columns:[
        { id:"id", header:"Id", width:80},
        { id:"name", header:"Name", width:100},
        { id:"email", header:"Email", width:100}
    ],
    url: "data/data_load.php",
    datatype:"json" //can be omitted if json.
    save: {
        "insert":"data/data_insert.php",
        "update":"data/data_update.php",
        "delete":"data/data_delete.php"
    }
});

Here's a working example 在重新排序时调用 save（检查源代码和调用 datatable_order_save.php 的 POST 请求）。

或者您可以使用onAfterEditStop 结合一些ajax 帖子，如果更新失败，您应该可以忽略。

on: {
    onAfterEditStop: function(state, editor, ignoreUpdate){
        if(state.value != state.old){
            // some $ajax() post to update values
        }  
    }
}

我希望这会有所帮助。

【讨论】：