删除phpgrid行后更改文本框值答案

【问题标题】：Change text box value after deleting phpgrid row删除phpgrid行后更改文本框值
【发布时间】：2017-04-04 13:47:27
【问题描述】：

删除 phpgrid (phpgrid.org) 的行后，我需要刷新 Sub Total div/文本框的值。

删除前：

删除第二行后：

<div id="sub_total_div">
<input name="txtSubTotal" type="text" id="txtSubTotal" size="15" value="<?php 
$sql=mysqli_query($connection,'select sum(amount) from sales_temp');
$row = mysqli_fetch_array($sql);
echo $row[0];
?>"/>
</div>

请帮帮我。

修改后的代码：

function submitdata() {
              var listItemName  = document.getElementById("listItemName").value;
              var listStock = document.getElementById("listStock").value;
              var txtUnitPrice = document.getElementById("txtUnitPrice").value;
              var txtQuantity = document.getElementById("txtQuantity").value;
              var listCustomer = document.getElementById("listCustomer").value;
              var txtReceiptNo = document.getElementById("txtReceiptNo").value;
              var TheDate = document.getElementById("TheDate").value;

              // Returns successful data submission message when the entered information is stored in database.
              var dataString = {listItemName:listItemName, listStock: listStock, txtUnitPrice: txtUnitPrice, txtQuantity: txtQuantity, listCustomer: listCustomer, txtReceiptNo: txtReceiptNo};
              if (listItemName == '' || listStock == ''|| txtUnitPrice == ''|| txtQuantity == ''|| listCustomer == ''|| txtReceiptNo == ''|| TheDate == '') {
              salesitemsAddFail();
              } 
              else {
                         // AJAX code to submit form.
                         $.ajax({
                         type: "POST",
                         url: "/pms/includes/functions/sales_temp_functions.php",
                         data: dataString,
                         cache: false,
                         success: function(html) {    

              //reload the sales datagrid once add the item details to temporary table (sales_temp)
              $('#list').trigger("reloadGrid",[{page:1}]);
                 //window.location.reload();
                 //refresh/update the sub total value when adding
                 $("#sub_total_div").load(location.href + " #sub_total_div");
                         }
                         });
                     }
         }

【问题讨论】：

显示你的javascript
@prasad 我在上面添加了 javascript 代码。
为什么要使用 php 端添加值。更好地使用 javascript 端
你能告诉我怎么做吗，因为我是新手。
如果您在同一页面中使用 php 获取总计数据，那么最好使用window.location.reload();重新加载页面

标签： javascript php jquery html phpgrid

【解决方案1】：

新建一个php文件： gettotal.php

$sql=mysqli_query($connection,'select sum(amount) from sales_temp');
$row = mysqli_fetch_array($sql);
echo $row[0];

您的 js 代码将是：

        submitdata() {
                      var listItemName  = document.getElementById("listItemName").value;
                      var listStock = document.getElementById("listStock").value;
                      var txtUnitPrice = document.getElementById("txtUnitPrice").value;
                      var txtQuantity = document.getElementById("txtQuantity").value;
                      var listCustomer = document.getElementById("listCustomer").value;
                      var txtReceiptNo = document.getElementById("txtReceiptNo").value;
                      var TheDate = document.getElementById("TheDate").value;

                      // Returns successful data submission message when the entered information is stored in database.
                      var dataString = {listItemName:listItemName, listStock: listStock, txtUnitPrice: txtUnitPrice, txtQuantity: txtQuantity, listCustomer: listCustomer, txtReceiptNo: txtReceiptNo};
                      if (listItemName == '' || listStock == ''|| txtUnitPrice == ''|| txtQuantity == ''|| listCustomer == ''|| txtReceiptNo == ''|| TheDate == '') {
                      salesitemsAddFail();
                      } 
                      else {
                                 // AJAX code to submit form.
                                 $.ajax({
                                 type: "POST",
                                 url: "/pms/includes/functions/sales_temp_functions.php",
                                 data: dataString,
                                 cache: false,
                                 success: function(html) {  
                                 //reload the sales datagrid once add the item details to temporary table (sales_temp)
                                 $('#list').trigger("reloadGrid",[{page:1}]);  
                                 //Ajax call to get the sub
                                $("#sub_total_div").load("gettotal.php");

                             }
                           });
                         }
                 }

注意：这不是合适的方法，但在你的情况下这会起作用

【讨论】：

您是否为新文件的 ajax 调用提供了正确的路径？
是的，我给出了确切的路径。
查看更新的代码。是的，您是否在 new php 文件中定义了连接和所有内容？
是的，我已经添加了所有这些。我还有一个下拉菜单。选择它时，它会显示一个表。现在不显示了。所以不能继续这个表。

【解决方案2】：

我找到了解决方案，添加了do_onload(id) 来计算每次刷新后触发的loadComplete 事件的总数（也包括删除后）

function do_onload(id)
{
    //alert('Simulating, data on load event')

    var s = $("#list").jqGrid('getCol', 'amount', false, 'sum');
    jQuery("#txtSubTotal").val(s);
}

并相应地更改了phpgrid 代码。

$opt["loadComplete"] = "function(ids) { do_onload(ids); }";
$grid->set_options($opt);

【讨论】：

【解决方案3】：

我找到了解决方案，添加了do_onload(id) 来计算每次刷新后（也删除后）触发的loadComplete 事件的总数

function do_onload(id)
{
//alert('Simulating, data on load event')

var s = $("#list").jqGrid('getCol', 'amount', false, 'sum');
jQuery("#txtSubTotal").val(s);
}

并相应更改了phpgrid代码。

$opt["loadComplete"] = "function(ids) { do_onload(ids); }";
$grid->set_options($opt);

【讨论】：