当前位置: 首页 > 知识库问答 >
问题:

jQuery DataTables编辑器:避免内联编辑后重新加载表

朱慈
2023-03-14

我使用DataTables编辑器插件(https://editor.datatables.net/)用于编辑包含远程数据的表(https://datatables.net/examples/data_sources/server_side.html)在内联模式下(https://editor.datatables.net/examples/inline-editing/simple.html)

在编辑、提交一些字段并返回来自编辑器服务器处理程序的响应后,表总是完全重新加载向服务器发送额外的AJAX请求,即使没有必要这样做,因为只有一行中的一个字段被更改,并且所有在上一次内联编辑响应中已经接收到重绘表行所需的数据。

因此,问题是是否有可能摆脱额外的AJAX调用,只重新绘制已编辑的行,而不是完全刷新整个表。

// dataTables.editor.js

Editor.prototype._submit = function ( successCallback, errorCallback, formatdata, hide )
{
...
    // Submit to the server (or whatever method is defined in the settings)
    this._ajax(
        submitParams,
        function (json) {
        ...
            // the following line forces the table to completely reload
            that._dataSource( 'commit', action, modifier, json.data, store );
        ...
        }
    )
...
}

共有1个答案

薛兴德
2023-03-14

以下是Datatables论坛的答案:

是的,您可以在form options对象中将drawType选项设置为none(例如,传递到inline()中的第二个可选参数)。这将阻止DataTables进行重画(在涉及Ajax请求的服务器端处理的情况下)。这确实意味着,由于数据更改而导致的任何排序或过滤更改不会立即显示<艾伦

 类似资料:
  • 问题内容: 使用什么是能够编辑内容的最佳方法? 在我理想的情况下, 添加的 生日将是一个超链接,点击该链接将显示一个编辑表单-与带有更新按钮的当前添加表单相同。 实时预览(插播) HTML: App.js: 问题答案: 您应该将表单放在每个节点内,分别使用和启用和禁用编辑。像这样: 这里的关键点是: 我已将控件更改为本地范围 已添加到,因此我们可以在编辑时显示它 添加了带有的,以便在编辑时隐藏内容

  • 在上一篇文章中,已经了解基本编辑,了解Vim的其他一些编辑功能。 在本节中,将讨论以下主体内容 - 缓冲 交换文件 剪切,复制,删除,粘贴操作 撤消和重做操作 缓冲 缓冲区是Vim使用的临时内存。 当在编辑器中打开文件时,Vim从磁盘驱动器加载其内容。 每当编辑文件时,这些内容都存储在内存(RAM)中,实际上是从缓冲区编辑文件。 当完成编辑并保存文件,那时只将缓冲区内容传输到适当的文件。 交换 交

  • 我正在试图找到一个解决方案,解决重新加载后在中崩溃的问题。情况: 树形结构 现在我必须添加。为此,我得到了,并使用方法I添加。 在这之后,我调用树的DefaultTreeModel上的方法。 问题是,在这个调用之后,树将全部崩溃: 而且我必须手动展开节点以确保节点被添加... 我的密码。。。 当我添加节点时。。。 问题在于节点的位置。和节点没有层次结构。 有没有办法避免这种行为?谢谢 也许另一种方

  • 我正在寻找一个PDF编辑器,它提供它的插件开发能力,像VSTO插件。 我的目的是什么 利用WPF技术开发了一个文档管理系统,允许用户将文档存储在其中。 此外,我还开发了MS Word和MS Excel VSTO插件作为本产品的一部分,以编辑任何存储在我们应用程序中的Excel和Word文件。 如果用户想要编辑任何不需要的word文件,只需双击它,系统就会将该word文件打开到MS word中,并使

  • 问题内容: 我正在与AngularJS一起显示应用程序键(应用程序标识符)表,我想使用编辑按钮在该表行中显示一个小表格。然后用户可以编辑字段并单击“保存”或“取消” 演示:http://jsfiddle.net/Thw8n/ 我的内联表单效果很好。我单击编辑,然后出现一个表格。取消也很棒。 我的问题是 如何连接保存按钮和将对API进行$ http调用的函数 如何从该行获取数据以发送到$ http调

  • 我正在尝试使用数据表。列之间的js内联编辑器选项卡https://editor.datatables.net/examples/inline-editing/tabControl.html他们的例子很好用,但我似乎不明白如何禁用我不想内联编辑的列? 网站上的例子 我试着改成 因此,它只针对具有可编辑类的TD。。但是它不起作用。。 不管怎样,如果有人用过这个,我会很感激一个提示:)谢谢!