Question

您好我正在尝试将新记录添加到jquery数据表中，我按照https://code.google.com/p/jquery-datatables-editable/wiki/AddingNewRecords

的所有步骤进行操作

现在我可以将新记录添加到数据库中。但遗憾的是，如果没有刷新整个页面，新添加的数据就不会显示在数据表中。

我的前端代码如下：

 <script type="text/javascript" charset="utf-8">

        $(document).ready( function () {
            var oTable = $('#example').dataTable({
                "aaSorting":[], "sPaginationType": "full_numbers"
            }).makeEditable({
                                sAddNewRowFormId: "formAddNewRow",
                                            sAddURL: "supplier/AddSupplier.php",
                                sAddHttpMethod: "POST", 
                                            //sDeleteURL: "DeleteData.php"
                                            sAddNewRowButtonId: "btnNewRow"

                                    }); // end of data Table function

                         } ); //end of document ready function



    </script>

服务器端页面代码：

    //AddData.php
  foreach ($_GET as $var => $value) {
  $$var =$value; 
 }
foreach ($_POST as $var => $value) {
  $$var =$value;
  include '../config.php'; 
 }

  $name = $_POST['name'] ;
  $company = $_POST['company'] ;
  $address = $_POST['address'] ;
  $phone = $_POST['phone'] ;

 $sql_add = "insert into supplier(name,company,address,phone) values('$name','$company','$address','$phone') ";
 $exe_add = mysql_db_query($sqldb,$sql_add);


  $myID = mysql_insert_id();

 $sql_sup = "select * from supplier where id = '$myID' ";
 $exe_sup = mysql_db_query($sqldb,$sql_sup);
 $sup = mysql_fetch_array($exe_sup);

 echo $sup['id'];

请建议我如何解决这个问题。

Answer 1

当您第一次加载数据时，它存储在DOM中。所以你的新行不在原始数据中。这就是为什么你需要重新加载你的DOM来查看新数据。

您应该查看http://datatables.net/plug-ins/api#fnReloadAjax

之类的内容

jquery dataTable添加新行

1 个答案: