Find Control inside RadGrid EditForm template

[raju]

Hi Guys, i need your help to resolve this plzzzzz helpppp mmmeeeee

In the Below code trying find RadDatePicker(ID:studentJoiningDate)  on client Side. I  am unable to find out the control
Plzzzzzzz help me guyz...........
Thanks,
Jon

<

 

div>

 

 

 

 

<telerik:RadGrid

 

 

ID="RadGrid1"

 

 

runat="server"

 

 

AllowSorting="True"

 

 

AutoGenerateColumns="False"

 

 

AllowFilteringByColumn="True"

 

 

ShowFooter="True"

 

 

ShowGroupPanel="false"

 

 

Width="960px"

 

 

BorderColor="#999999"

 

 

BorderWidth="1px"

 

 

GridLines="None"

 

 

AllowPaging="true"

 

 

PageSize="20"

 

 

Height="800px"

 

 

onneeddatasource="RadGrid1_NeedDataSource"

 

 

onitemdatabound="RadGrid1_ItemDataBound"

 

 

onitemcommand="RadGrid1_ItemCommand"

 

 

Skin="Outlook"

 

 

>

 

 

<FooterStyle BorderStyle="None" />

 

 

<MasterTableView EditMode="PopUp" ShowGroupFooter="true" DataKeyNames="Student_id" HierarchyDefaultExpanded="true"

 

 

CommandItemDisplay="TopAndBottom" >

 

 

<NoRecordsTemplate>

 

 

<div style="padding: 10px; font-weight: bold; font-size: 14px; color: #ff0000; text-align: center">There are no Students available</div>

 

 

</NoRecordsTemplate>

 

 

<Columns>

 

 

<telerik:GridEditCommandColumn>

 

 

<HeaderStyle Width="50px" />

 

 

</telerik:GridEditCommandColumn>

 

 

<telerik:GridBoundColumn

 

 

DataField="Student_id"

 

 

HeaderText="Student ID"

 

 

UniqueName="Student_id"

 

 

SortExpression="Student_id"

 

 

AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="StartsWith"

 

 

ShowFilterIcon="false">

 

 

<HeaderStyle Width="100px"/>

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn

 

 

HeaderText="Name"

 

 

UniqueName="Name"

 

 

DataField="name"

 

 

SortExpression="Name"

 

 

AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="StartsWith"

 

 

ShowFilterIcon="false">

 

 

<HeaderStyle Width="200px"/>

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn

 

 

HeaderText="Size"

 

 

DataField="size"

 

 

UniqueName="size"

 

 

SortExpression="size"

 

 

AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="StartsWith"

 

 

ShowFilterIcon="false">

 

 

<HeaderStyle Width="100px"/>

 

 

</telerik:GridBoundColumn>

 

 

</Columns>

 

 

<EditFormSettings

 

 

EditFormType="Template"

 

 

InsertCaption="Add new Item"

 

 

CaptionFormatString="Edit Student_id:{0}"

 

 

CaptionDataField="Student_id"

 

 

FormStyle-Height="700px"

 

 

FormStyle-Width="700px"

 

 

PopUpSettings-Modal="true"

 

 

>

 

<

 

EditColumn UniqueName="EditCommandColumn1"></EditColumn>

 

<

 

FormStyle Height="700px" Width="700px"></FormStyle>

 

 

<FormTemplate>

 

 

 

<table id="Table2" cellspacing="1" cellpadding="1" width="400" border="0">

 

 

<tr>

 

 

<td>

 

 

</td>

 

 

<td>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

Student ID:

 

</td>

 

 

<td>

 

 

<asp:Label ID="StudentIDLabel" Text='<%# Bind("Student_id") %>' runat="server" Width="200px">

 

 

</asp:Label>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

Name:

 

</td>

 

 

<td>

 

 

<asp:TextBox ID="StudentNameTextBox" runat="server" Text='<%#Bind("name") %>' Width="200px">

 

 

</asp:TextBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>Size:</td>

 

 

<td>

 

 

<asp:TextBox ID="StudentSizeTB" runat="server" Text='<%#Bind("size") %>' Width="200px">

 

 

</asp:TextBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>Joining Date:</td>

 

 

<td>

 

 

<telerik:RadDatePicker ID="studentJoiningDate" runat="server" Width="200px">

 

 

</telerik:RadDatePicker>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

<table style="width: 100%">

 

 

<tr>

 

 

<td align="right" colspan="2">

 

 

<asp:Button ID="Button3" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

 

 

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

 

 

</asp:Button>&nbsp;

 

 

<asp:Button ID="Button4" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">

 

 

</asp:Button>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</FormTemplate>

 

 

<PopUpSettings Modal="True"></PopUpSettings>

 

 

</EditFormSettings>

 

 

</MasterTableView>

 

 

 

<ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True">

 

 

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" FrozenColumnsCount="1" />

 

 

<ClientEvents/>

 

 

</ClientSettings>

 

 

<FilterMenu BorderStyle="None"></FilterMenu>

 

 

</telerik:RadGrid>

 

 

 

</div>

 

[Princy]

Hello Raju,

On suggestion is to store the client object of RadDatePicker (by attaching OnLoad client event to RadDatePicker) in a global variable and you can easily access the client oject in any client side function. Sample code is given below.

ASPX:

 <telerik:RadGrid ID="RadGrid1" . . . . . . . . . . .
     <MasterTableView EditMode="PopUp" . . . . . .
           <FormTemplate>
              <telerik:RadDatePicker ID="studentJoiningDate" runat="server" Width="200px">
                 <DateInput>
                      <ClientEvents OnLoad="OnLoad" />
                 </DateInput>
              </telerik:RadDatePicker>
         </FormTemplate>
    </MasterTableView>
 </telerik:RadGrid>
 <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="ClientClick();return false;" />

Java Script:

<script type="text/javascript">
    var dateInput;
    function OnLoad(sender, args)
     {
        dateInput = sender;
     }
   function ClientClick()
     {
        var dt = dateInput;
        alert(dt.get_selectedDate().format("MM/dd/yyyy"));
     }
</script>

Thanks,
Princy.