数据表提交表单服务器端数据答案

【问题标题】：Datatables submit form serverside data数据表提交表单服务器端数据
【发布时间】：2011-05-24 20:06:13
【问题描述】：

对于那些使用Datatables js 插件的人，我如何使用服务器端数据创建this example？

该示例使用在 HTML 中硬编码的数据。

【问题讨论】：

标签： javascript jquery jquery-datatables

【解决方案1】：

你基本上会做以下事情：

序列化表单数据（如示例所示使用jquery serialize）
将所述数据提交到您的表单处理脚本（php 等）

他们已经提供了 jquery 序列化代码，所以我不会展示，但是需要 jQuery AJAX 函数（至少）：

$.ajax({
   type: "POST",
   url: "some.php",
   data: YOUR-SERIALIZED-DATA-HERE,
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

在您的服务器端 PHP 文件中，您只需获取正确的表单数组并解析您的值 ($_POST)。

【讨论】：

抱歉，如果您能提供帮助，我的问题的另一部分是：如何动态创建带有复选框的列？

【解决方案2】：

我遇到了同样的问题，不想进行 ajax 保存，所以我这样做了：

var table = $("#mytable").datatable();

$("#myform").submit(function () {
    var hiddenArea = $("<div></div").hide().appendTo("#myform");
    table.$('input:hidden').detach().appendTo(hiddenArea);

    // Prevent original submit and resubmit, so the newly added controls are
    // taken into account
    this.submit();
    return false;
});

我的想法是我将所有当前不在 dom 中的输入移到一个隐藏的容器中。

【讨论】：