VPF::как добавить строку в ListView на JQuery

ArtiSoft

Дата 30.3.2011, 18:40 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 86
Регистрация: 10.12.2009

Репутация: нет
Всего: нет

пишу простое веб приложение, просмотр и редактирование сотрудников в таблице, который содержится в контроле ListView
есть такой код

Код


          <asp:ListView ID="ListView1" runat="server">
             <LayoutTemplate>
                <table id="header" runat="server" class="yui-grid" cellspacing="0" border="0">
                    <tr>
                        <th>
                            ID
                        </th>
                        <th>
                            First Name
                        </th>
                        <th>
                            Last Name
                        </th>
                        <th>
                            Car 
                        </th>                                                                                  
                        <th></th><th></th>                                                                                                                                                                   
                    </tr>
                    <tr id="itemPlaceholder" runat="server" />
                </table>
            </LayoutTemplate>
            <ItemTemplate>
                <tr id="row" runat="server">                                   
                    <td><span id="Eid"><%# Eval("ID") %></span></td>
                    <td><span id="FirstName"><%# Eval("FirstName")%></span></td>
                    <td><span id="LastName"><%# Eval("LastName")%></span></td>
                    <td><span id="Car"><%# Eval("Car.Name")%></span></td>
                    <td><label class="EditEmployee" style="cursor:pointer;    color:Blue;
    text-decoration:underline;">Edit</label></td>
                    <td><label class="RemoveEmployee"  title='<%# "Delete " + Eval("FirstName")  %>' style="cursor:pointer;    color:Blue;
    text-decoration:underline;">Remove</label></td>
                </tr>
            </ItemTemplate>
          </asp:ListView>

связывание с источником порядке, она в методе пейдж_лоад()

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

Код


    function addRow(nid) {
        var newRow;
        var index = $("#ListView1_header tr").size() - 1;
        newRow = "<tr id='ListView1_ctrl" + index + "_row' runat='server'>";
        newRow += "<td><span id='Eid'>" + nid + "</span></td><td><span id='FirstName'>" + $("#TextBoxFirstName").val();
        newRow += "</span></td><td><span id='LastName'>" + $("#TextBoxLastName").val() + "</span></td><td><span id='Car'>";
        newRow += $("select[id$=DropDownList2]").val() + "</span></td>";
        newRow += '<td><label class="EditEmployee" style="cursor:pointer;color:Blue;text-decoration:underline;">Edit</label></td>';
        newRow += '<td><label class="RemoveEmployee" style="cursor:pointer;color:Blue;text-decoration:underline;">Remove</label></td></tr>';
        $("#ListView1_header").append(newRow);
    }

добавляется но событие клика $(".EditEmployee").click(function (ev) {}) не работает.
может я не правильно добавляю?

Добавлено через 4 минуты и 36 секунд
в html генерируется такой код

Код


               <tr id="ListView1_ctrl11_row">  

            <td><span id="Eid">51</span></td>

            <td><span id="FirstName">Артур</span></td>

            <td><span id="LastName">Дая</span></td>

            <td><span id="Car">Mersedes</span></td>

            <td><label class="EditEmployee" style="cursor:pointer;    color:Blue;

    text-decoration:underline;">Edit</label></td>    <!--работает-->

            <td><label class="RemoveEmployee"  title='Delete Артур' style="cursor:pointer;    color:Blue;

    text-decoration:underline;">Remove</label></td>

        </tr>       

        

                <tr id="ListView1_ctrl12_row">

            <td><span id="Eid">60</span></td>

            <td><span id="FirstName">Adam</span></td>

            <td><span id="LastName">Dama</span></td>

            <td><span id="Car">Mersedes</span></td>

            <td><label class="EditEmployee" style="cursor:pointer;    color:Blue;

    text-decoration:underline;">Edit</label></td>    <!--добавляемая новая строка  не работает-->

            <td><label class="RemoveEmployee"  title='Delete Adam' style="cursor:pointer;    color:Blue;

    text-decoration:underline;">Remove</label></td>

        </tr>

jonie

Дата 30.3.2011, 23:09 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 5613
Регистрация: 21.8.2005
Где: Владимир

Репутация: 3
Всего: 118

у меня помнится в осле не работали DOM события для dynamicdom элементов..... по крайней мере так было. мб, конечно, баг осла был.
А вообще может и не будет работать, т.к. есть такое понятие как viewState в asp.net webForms страницах

--------------------

Что-то не поняли? -> Напейтесь до зеленых человечков... эта сверхцивилизация Вам поможет...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Разработка под ASP.NET \| Следующая тема »