Получение идентификатора элемента управления из режима редактирования gridview, который будет использоваться Javascript

Question

надеюсь, кто-то может мне помочь, я боролся в течение пары дней.

В основном, что должно произойти, это когда пользователь нажимает кнопку edit на gridView и нажимает на определенное текстовое поле, когда всплывает календарь javascriptи пользователь выбирает дату.

Пока что я могу установить ее статически, и календарь будет работать для этой одной строки, но не для других строк, так как идентификатор изменяется.

Мой код ASP(для id текстового поля установлено значение txtStartDate):

<asp:TemplateField SortExpression="StartDate" HeaderText="Start Date">
            <EditItemTemplate>
             <asp:TextBox ID="txtStartDate" onClick="ddlchange()" Runat="server" Text='<%#Bind("StartDate")%>'> 

                </asp:TextBox>         
            </EditItemTemplate>

            <ItemTemplate>
                <asp:Label ID="label1" runat="server" Text='<%#Bind("StartDate")%>'></asp:Label>                   
            </ItemTemplate>

            </asp:TemplateField>

Javascript Функция, которая содержит календарь

$("#ctl00_cphMain_GridView1_ctl02_txtStartDate").datepicker({ changeMonth: true });
//getter
var changeMonth = $("#ctl00_cphMain_GridView1_ctl02_txtStartDate").datepicker("option", "changeMonth");
//setter
$("#ctl00_cphMain_GridView1_ctl02_txtStartDate").datepicker("option", "changeMonth", true);

$("#ctl00_cphMain_GridView1_ctl02_txtStartDate").datepicker({ changeYear: true });
//getter
var changeYear = $("#ctl00_cphMain_GridView1_ctl02_txtStartDate").datepicker("option", "changeYear");
//setter
$("#ctl00_cphMain_GridView1_ctl02_txtStartDate").datepicker("option", "changeYear", true);

Это работает для одного текстового поля.Это не работает для других, так как 'ct102' изменяется с каждой строкой.

Answer 1

Не можете ли вы дать вашим TextBoxes класс, а затем использовать селектор классов, чтобы назначить указатель даты?

Например:

<asp:TextBox ID="txtStartDate" onClick="ddlchange()" Runat="server" 
             Text='<%#Bind("StartDate")%>' CssClass="dateTextBox">

$(".dateTextBox").datepicker("option", "changeMonth", true);