Взаимодействие tagHelper с js

@anuartemirbolat · Регистрация: 11.05.2018

C#

1	@model PizzaDeliveryService.Models.OrderUser

HTML5

<div class="col-md-4 col-sm-4 col-xs-4 orders">
            <div class="hh">
                <h3>Информация о клиенте</h3>
            </div>
            <script>
                var indx = 0;
                var cookie = JSON.parse($.cookie('basket'));               
                 $.each(cookie, function (index, value) {
                     console.log(value);                    
                     $(".table-body").append("<tr><th scope='row'>" + indx.toString() + "</th>" +
                         "<td><img class='minimized table-img'  src=../" + value.image.toString() + "></td>" +
                         "<td><input asp-for='Product.Name' form='formId' type='text' size='20' readonly class='form- control' value='" + value.name + "'></td>" +
                         "<td><input type='text' size='1' class='form- control' value='" + value.count +"' aria-describedby='inputGroup-sizing-sm'>" + "</td>" +
                         "<td>" + value.price + "</td>" +
                         "<td>" + value.price * value.count+ " TG</td>" +
                         "</tr>");
                     indx++;
                 });
            </script>  
            <form  id="formId" class="form-action" asp-action="ToOrder" asp-controller="Basket" asp-antiforgery="true" method="post">
                <input asp-for="Order.Adress" class="form-control" placeholder="Напишите куда доставить ваш заказ" />
                <input asp-for="Order.FullName" class="form-control" placeholder="Как к Вам обращаться?" />
                <input asp-for="Order.Phone" class="form-control" placeholder="Куда позвонить при доставке?" />              
                <input class="btn btn-dark" type="submit" value="Отправить">
            </form>
            <hr />
        </div>

как сделать правильно в js чтобы, тэг-хелперы норм отрабатывали, они сейчас не работают. Может есть другие варианты...

@lvlkoo · 24.01.2019, 11:05

Что значит "не работают"? Таг хелперы генерируют обычный хтмл, и с JS они РАБОТАЮТ
Конкретнее пишите, что вы хотите и что у вас не получается

@anuartemirbolat · 24.01.2019, 13:17 **[ТС]**

C#

1	@model PizzaDeliveryService.Models.OrderUser

HTML5

<div class="col-md-4 col-sm-4 col-xs-4 orders">
            <div class="hh">
                <h3>Информация о клиенте</h3>
            </div>
            <script>
                var indx = 0;
                var cookie = JSON.parse($.cookie('basket'));               
                 $.each(cookie, function (index, value) {
                     console.log(value);                    
                     $(".table-body").append("<tr><th scope='row'>" + indx.toString() + "</th>" +
                         "<td><img class='minimized table-img'  src=../" + value.image.toString() + "></td>" +
                  ТУТ--->>       <td><input asp-for='Product.Name' form='formId' type='text' size='20' readonly class='form- control' value='" + value.name + "'></td>" [/COLOR]+
                         "<td><input type='text' size='1' class='form- control' value='" + value.count +"' aria-describedby='inputGroup-sizing-sm'>" + "</td>" +
                         "<td>" + value.price + "</td>" +
                         "<td>" + value.price * value.count+ " TG</td>" +
                         "</tr>");
                     indx++;
                 });
            </script>  
            <form  id="formId" class="form-action" asp-action="ToOrder" asp-controller="Basket" asp-antiforgery="true" method="post">
                <input asp-for="Order.Adress" class="form-control" placeholder="Напишите куда доставить ваш заказ" />
                <input asp-for="Order.FullName" class="form-control" placeholder="Как к Вам обращаться?" />
                <input asp-for="Order.Phone" class="form-control" placeholder="Куда позвонить при доставке?" />              
                <input class="btn btn-dark" type="submit" value="Отправить">
            </form>
            <hr />
        </div>

метку поставил

@lvlkoo · 24.01.2019, 13:55

Сообщение от anuartemirbolat

asp-for=

asp-for обрабатывается в момент компиляции View, соответсвенно он не будет иметь никакого толку если вы добавляете его в уже скомпилированую страницу js'ом

В момент компиляции asp-for фактически заменятся на атрибут name, вы должны сделать тоже самое, замените asp-for на name, там где вы добавляете инпут динамически.

@lvlkoo .NET C#,ASP.NET MVC 535 / 460 / 209 Регистрация: 16.10.2010 Сообщений: 1,842 Завершенные тесты: 2
	24.01.2019, 11:05	2
	Что значит "не работают"? Таг хелперы генерируют обычный хтмл, и с JS они РАБОТАЮТ Конкретнее пишите, что вы хотите и что у вас не получается 0

@lvlkoo .NET C#,ASP.NET MVC 535 / 460 / 209 Регистрация: 16.10.2010 Сообщений: 1,842 Завершенные тесты: 2
	24.01.2019, 13:55	4
	Сообщение было отмечено anuartemirbolat как решение Решение Сообщение от anuartemirbolat asp-for= asp-for обрабатывается в момент компиляции View, соответсвенно он не будет иметь никакого толку если вы добавляете его в уже скомпилированую страницу js'ом В момент компиляции asp-for фактически заменятся на атрибут name, вы должны сделать тоже самое, замените asp-for на name, там где вы добавляете инпут динамически. 1

Опции темы

Взаимодействие tagHelper с js

Решение