Отслеживание изменений input в partial view .NET

374
23 декабря 2016, 15:10

Постараюсь разложить детально. Имеется View, в которой в зависимости от выбора пользователя подгружаю PartialView. В этом частичном представлении есть инпут. Есть необходимость обрабатывать его посимвольное изменение и при этом брать значение, которое ввел пользователь для подгрузки частичного представления.

$(function() {
    $('#FormingType').change(function() {
        var id = $(this).val();
        $.ajax({
            type: 'POST',
            url: '@Url.Action("FormingType")/' + id,
            success: function(data) {
                $('#formingTypeBlock').replaceWith(data); // заменяем содержимое присланным частичным представлением
            }
        });
    });
});
$(function () {
    $('#tetr').on('keyup input', function () {
        var tetrCount = $('#tetr').val();
        var id = $('#Format').val();
        console.log(tetrCount);
        console.log(id);
        $.ajax({
            type: 'POST',
            url: '@Url.Action("SetSewingPrice")/' + id + '/' + tetrCount,
            success: function (data) {
                console.log(data);
                $('#blockPrice').empty();
                $('#blockPrice').text(data);
            }
        });
    });
});

Дело в том, что когда вторую функцию вставляю внутрь partial view изменения отслеживаются, но скрипт не видит #FormingType(Который в основной вьюшке), а когда вставляю эту функцию в основную вьюшку - функция на изменение инпута не реагирует.

Вот код основной вьюшки:

@Html.DropDownList("FormingType", "--Выберите тип формировки блока--")
<div id="formingTypeBlock"></div>

Вот партиал:

<div id="formingTypeBlock">
<h1>@Model.Name тип формировки блока</h1>
<form name="block" method="POST">
    <input type="text" id="tetr"/>
    <br/>
    <span id="blockPrice"></span>
</form>

Подскажите, что не так? Уже несколько дней голову ломаю!

READ ALSO
Удаление записи из таблицы в Azure table storage

Удаление записи из таблицы в Azure table storage

Здравствуйте не подскажете как удалить запись из таблицы с помощью rest и jquery?

271
Умный input для url

Умный input для url

Имеется поле:

293
Задержка выполнения скрипта на Jquery

Задержка выполнения скрипта на Jquery

Делаю мега-мега менюЗаметил что при переходе з главного пунка меню к последнему дочернему по диагонали блок пропадает

458
Анимация для каждого элемента next() в JQuery

Анимация для каждого элемента next() в JQuery

Я хочу добиться эффекта, что при нажатии на элемент icon-menu, каждый пункт li в отдельности последовательно плавно менял совою прозрачность и выезжал...

293