Question

当在最后一个td按钮上单击时，如何防止在

我有一个表格以模态形式显示客户，当我选择一个客户时，我关闭了模态形式并将值传递给文本框。在表格模式的每一行内，我都有编辑按钮。我要尝试做的是，如果我发现来自客户的某些数据无效，我想单击“编辑”按钮，并显示另一个模态表单（已存在）以编辑“客户”记录，而与客户的模态仍然保持打开状态。 / p>

问题是我在tr class =“ clientpayer-link”上有课，也有脚本来获取值并将其传递给文本框：

 $(document).on('click', "#ClientPayer", function (e) {
            salecreate.loadClientPayer();
            $("#choiceModal").modal('show');
            e.preventDefault();
        });

loadClientPayer: function () {
    var url = "/Sale/GetClientPayer";

    $("#choiceModal .modal-body").html("Loading ...");

    $.post(url,
        function (data) {
            $("#choiceModal .modal-body").html(data);
            salecreate.initTables();
        });
},

当我尝试单击“编辑”按钮时，发生tr单击事件，并且关闭了用户列表列表模版，并传递了数据。当我尝试删除td类时，可以打开“编辑客户模式”表单。

这是我的html

<table class="table table-striped table-bordered table-hover " id="listClientPV">
       <thead>
              <tr>
                  <th class="hideMe">ID</th>
                  <th>Name</th>
                  <th></th>
               </tr>
        </thead>
        <tbody>
              @foreach (var c in Model)
              {
               <tr class="clientpayer-link">
                  <td id="ClientpayerId" class="hideMe">@c.ID</td>
                  <td id="ClientpayerName">@c.CustName</td>
                  <td>
                  <a href="#" id="editCust" title="Edit" role="button" class="modalForms" data-url="@Url.Action("EditCustomers", "Sale", new {ID=c.ID })"><span class="glyphicon glyphicon-remove"></span></a>
                  </td>
               </tr>
               }
         </tbody>
</table>

这是“编辑按钮”代码：

$(document).on('click', '.modalForms', function (e) {
            e.preventDefault();

            var url = $(this).data('url');
            $.ajax({
                url: url,
                type: 'GET'
            }).done(function (response) {
                $('#createEditResult').html(response);
                $('#createEdit').modal('show');
            });
        });

这里有clientpayer-link事件：

$(document).on('click', ".clientpayer-link", function (e) {     

$("#SaleService_ClientPayer").val($(this).find("#ClientpayerId").text());
        $("#ClientPayer").val($(this).find("#ClientpayerName").text());

        $("#choiceModal").modal('hide');

        e.preventDefault();
    });

提前感谢您的回答。

防止表格行在按钮上选择<td>

0 个答案: