Question

我正在使用Avant的PHP模板（http://avant.redteamux.com/tables-editable.php）创建一个可编辑的表格，您可以在其中选择表格中的一行，当您单击“编辑”按钮时，会出现一个弹出窗口，其中包含此行中的字段。我正在尝试添加后端代码，调用Web服务来更新数据库。我所处的阶段是，在单击“编辑”按钮时，弹出窗口按预期显示，我可以编辑字段，并且对Web服务的调用成功。我的主要问题是如何在此之后关闭弹出窗口并将更新反映在表中。我的代码是：

// editor is successfully initialized with jsondata
var table = $('#editable').dataTable({
    "sDom":"<'row'<'col-sm-6'T><'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col-sm-6'p>>",
    "aaData":jsondata,
    "bServerSide": false,
    "bAutoWidth": false,
    "bDestroy": true,
    "aoColumns":columnsjson,
    "oTableTools":{
        "sRowSelect":"multi",
        "aButtons":[
            { sExtends:"editor_create", editor:editor },
            { sExtends:"editor_edit", editor:editor, 
                "formButtons": [
                                {
                                    label: "Update",
                                    className: "btn-primary btn",
                                    fn: function (e) {
                                        // Code to call the service: this is successfull
                                        // This is what I need to figure out, I've tried: editor.submit(); | $(this).close(); 
                                            // (I tried several alternates for "this")
                                    }
                                }
                            ]
            },
            { sExtends: "editor_remove", editor: editor  }
});

感谢。

Answer 1

事实证明这很简单。这是它的陈述：editor.close();

如何在使用自定义代码创建/编辑/删除按钮并更新表格行 - 前卫模板时关闭“编辑器”窗口

1 个答案: