acmedeepak1 Ответов: 2

Как создать динамические текстовые поля без пропуска CSS


Hi,

In my we form, I have a textbox where an integer can be placed and by clicking the button next to it, It should dynamically create that many textboxes as a table. The jQuery code for which is:



$("#ContentPlaceHolder1_LnkBtnNoofItems").click(function () {
        $(".white-table-view-block").removeClass("hide");
        $("#Table-id-Name").removeClass("hide");


        $("#Table-id-Name").each(function () {
            var NumbRow = $("#txtNoofItems").val();
            var htmlvar = '';
            for (i = 0; i < NumbRow; i++) {
                htmlvar += '';
                htmlvar += ' ';
                htmlvar += '<input type="text" id="item_number_input' + i + '" class="form-control" placeholder="Number" />';
                htmlvar += '<input type="text" id="item_des_input' + i + '" class="form-control" placeholder="Number" />';
                htmlvar += '<input type="text" id="item_quantity_input' + i + '" class="form-control" placeholder="Pieces" />';
                htmlvar += '<input type="text" id="item_cost_input' + i + '" class="form-control" placeholder="$" />';
                htmlvar += '<input type="text" id="item_total_input' + i + '" class="form-control" placeholder="$" />';
                htmlvar += '<a id="item_action_btn' + i + '" class="delet-icon"></a>';
                htmlvar += '';
            }

            $('.tbody-content').append(htmlvar);

            $(".delet-icon").click(function () {
                $(this).parents("tr").remove();
            });
        });
    });


Код текстового поля и кнопки ссылки:
<div class="col-md-4 col-lg-2">
                                <div class="number-of-item-block">
                                    <div class="row">
                                        <div class="col-md-12"><asp:label runat="server" ID="lblNoofItems" Text="No. of Item Rows"></div>
                                        <div class="col-md-12">
                                            <asp:TextBox runat="server" class="form-control" id="txtNoofItems" placeholder="#" > <asp:Linkbutton runat="server" ID="LnkBtnNoofItems" class="btn btn-dark-blue">
                                            <div class="row">
                                                <div class="col-md-6"></div>
                                                <div class="col-md-6"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


Пожалуйста, помогите мне, как решить эту проблему

Что я уже пробовал:

Я пробовал использовать jQuery, но мне нужен < asp:TextBox />, который является серверным элементом управления, поэтому не может быть создан с помощью клиентского кода. Помогите мне, предоставив серверный код на C# о том, как это сделать.

2 Ответов

Рейтинг:
0

Harpreet05Kaur

ПРИВЕТ,

Если вы хотите использовать только jquery thn:

1. Установите firebug в свой браузер, а затем проверьте серверный элемент управления.
2. Вы получите идентификатор, который создан для asp.net серверный элемент управления, который может быть использован в jquery(клиентская сторона).
3. Используйте этот идентификатор в jquery для манипуляций.

Счастливого Кодирования.