Hi Sathish,
Thanks for contacting Syncfusion support.
We have analyzed your query and we suspect that you want to render the ejDateTimePicker control in the external form template rendering. So, we suggest you to use the actionComplete event of ejGrid control to render the input text box as ejDateTimepicker.
Refer the below code example.
<ej:Grid ID="FlatGrid" runat="server" AllowSorting="True" AllowPaging="True" >
<ClientSideEvents ActionComplete="complete" />
<EditSettings AllowEditing="True" AllowAdding="True" AllowDeleting="True" EditMode="ExternalFormTemplate" ExternalFormTemplateID="#template">
</EditSettings>
<Columns>
<ej:Column Field="OrderID" HeaderText="Order ID" IsPrimaryKey="True" TextAlign="Right" Width="75" />
<ej:Column Field="OrderDate" HeaderText="Order Date" TextAlign="Right" Width="80" Format="{0:MM/dd/yyyy hh:mm:ss}" />
<ej:Column Field="Freight" HeaderText="Freight" TextAlign="Right" Width="75" Format="{0:C}" />
</Columns>
</ej:Grid>
<script type="text/template" id="template">
<table cellspacing="10">
<tr>
<td>Order ID</td>
<td>
<input id="OrderID" name="OrderID" disabled="disabled" value="{{:OrderID}}" class="e-field e-ejinputtext" style="width:116px;height:28px" />
</td>
</tr>
<tr>
<td>Ordre Date</td>
<td>
<input type="text" id="OrderDate" name="OrderDate" value="{{:OrderDate}}" />
</td>
<td>Freight</td>
<td>
<input type="text" id="Freight" name="Freight" value="{{:Freight}}" />
</td>
</tr>
</table>
</script>
<script type="text/javascript">
function complete(args) {
$("#Freight").ejNumericTextbox();
$("#OrderDate").ejDateTimePicker();// to render the normal input text box as ejDateTimePicker
}
</script>
|
We have prepared a sample and it can be downloadable from the below location.
Refer the help documentation.
If we misunderstood your query then please get back to us.
Regards,
Thavasianand S.