Refre sh Частичное представление, используя OnChange текстового поля ввода, которое находится внутри этого Частичного представления (C#. Net Core)

Question

У меня есть Form.cs html с частичным представлением:

<form asp-action="Form">
   <div id="partialDiv">
       @Html.Partial("_SubletOrderLines")
   </div>
</form>

В том же Form.cs html, у меня также есть этот скрипт:

$("#QtyOrder").change(function () {
        $.ajax(
            {
                url: '/controllername/ComputerOrder?OrderNo=' + Model.OrderNo + '&orderQty=' + $(this).val(),
                type: 'GET',
                data: "",
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    $("#partialDiv").html(data);
                },
                error: function () {
                    alert("Error");
                }
            });
    });

Внутри моего частичного представления (_SubletOrderLines) у меня есть этот входной текст:

<td>
    <input type="text" asp-for="@item.Qty" class="form-control" id="QtyOrder" />
</td>

Моя проблема в том, что скрипт не запускает изменения текста. Я что-то здесь не так делаю? Я могу успешно вызвать контроллер через URL, поэтому я думаю, что у ComputerOrder нет проблем.

Answer 1

Вы пытаетесь вызвать событие изменения текста в текстовом поле, которое находится в частичном представлении, которое не будет доступно при визуализации DOM. Вот почему ваше событие изменения не срабатывает. Попробуйте обновить событие изменения с помощью приведенного ниже синтаксиса.

$(document).on("change","#QtyOrder",function(){
  $.ajax(
            {
                url: '/controllername/ComputerOrder?OrderNo=' + Model.OrderNo + '&orderQty=' + $(this).val(),
                type: 'GET',
                data: "",
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    $("#partialDiv").html(data);
                },
                error: function () {
                    alert("Error");
                }
});

$(document).on() будет работать. Спасибо

Answer 2

Исходя из моего опыта, удалите тип контента в вашем ajax вызове