1

鉴于有一个名为“添加/编辑产品”的按钮，当我单击它并在数量字段中输入一些值时，将在“添加/编辑产品”按钮下方创建一个表格。

我的观点：

图片 图片

当我在另一个表中更改模态数量值时，我想更改/更新数据。我做了一点，但它只改变了模式中的一页： 图片

图片

图片

图片

我在模态中使用了 yajra 数据表。我的模态视图：

<!-- Modal -->
  <div class="modal fade" id="productmodal" role="dialog">
    <div class="modal-dialog prod_dia">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Add /Edit Product</h4>
        </div>
        <div class="modal-body">
           <section class="panel panel-primary">
        <div class="panel-heading">
          <b>Add /Edit Product</b>
        </div>
        <div class="panel-body product_body">


        <div class="table-responsive maindiv"> 
          <table class="table table-hover table-bordered prdb" id="productid">
          <form name="proform">
            <thead>
              <th>Product</th>
              <th>Price</th>
              <th>Qty</th>
            </thead>

            <tbody>

             @foreach($datapr as $k)
              <tr>
                <td>{{$k->brand}}-{{$k->pcode}}-{{$k->pgroup}}<input type="hidden" data-pcode='{{$k->pcode}}'  class="qtyforpcode"></td>
                <td>{{$k->price}}</td>
                <td>

                      <input type="text" data-prid='{{$k->prid}}' data-brand='{{$k->brand}}' data-price='{{$k->price}}' data-pgroup='{{$k->pgroup}}' data-sprice='{{$k->sprice}}' data-pcode='{{$k->pcode}}' name="pr_qty" id="qty" class="form-control qty">

                </td>
              </tr>
              @endforeach
            </tbody>

          </table>
          </form>
          </div>
        </div>

      </section>

        </div>

        <div class="modal-footer">
          <input type="submit" value="Done" id="doneproduct" class="btn btn-primary customclose">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
        </form>

      </div>

    </div>
  </div>

在我尝试更新模式的 jQuery 中（但它只更改模式中的一页）

$('.qtypr').on('change',function(){
var ttr=$(this).parent().parent();
var qty=ttr.find('.qtypr').val();//new value 
var pcode=ttr.find('.qtypr').data('pcode');
console.log(qty);
console.log(pcode);


$('#productmodal .prod_dia .product_body .maindiv .prdb tr').each(function(){

var pcodetable=$(this).find('.qtyforpcode').data('pcode');

$(this).css("background-color", "yellow");

 console.log("--pcodetable -----");
console.log(pcodetable);
if(pcodetable==pcode){

console.log("match one vale");
$(this).find('td .qty').val(qty);

}
});

 });

由于模态或数据表分页，问题是什么？请帮助我，我该如何更新

我解决了我的问题： 后来我使用$(document).on('change', '.qtypr', function(){
而不是$('.qtypr').on('change',function(){
因为以前行无法在 dom 中找到 qtypr 类并使用 $(document).on 它帮助我找到区域或类 qtypr

4

0 回答 0