[Solved] TimePicker in GridDatetimeColumn: cannot set properties

[Thai Thuong]

Hello!
I am using version 2010.1.519.35, and get a problem, in GridDateTimeColumn, i set PickerType="TimePicker", this aspx code:

<tlk:GridDateTimeColumn PickerType="TimePicker" DataFormatString="{0: HH:mm}" DataField="StartTime" HeaderText="Start time" UniqueName="StartTime">                          
      <HeaderStyle Width="110px" />
      <ItemStyle Wrap="true" />

</tlk:GridDateTimeColumn>

and code behind:

protected void _grid_ItemDataBound(object sender, GridItemEventArgs e)
{
  if (e.Item is GridEditableItem && e.Item.IsInEditMode)
        {
            ((RadTimePicker)item["StartTime"].Controls[0]).TimeView.TimeFormat = "HH:mm";
            ((RadTimePicker)item["StartTime"].Controls[0]).TimeView.Columns = 2;

            ((RadTimePicker)item["StartTime"].Controls[0]).DateInput.DateFormat = "HH:mm";
            ((RadTimePicker)item["StartTime"].Controls[0]).DateInput.DisplayDateFormat = "HH:mm";
        }
}

DateInput's properties works fine, but TimeView does not. In time popup, timeformat's still "t", not "HH:mm", and columns number is three (3). Please help me solve this proplem.
(Sorry for my bad english)
Thanks so much!

[Marin]

Hello Thai Thuong,

You can use a TemplateColumn instead and place a TimePicker in the EditItemTemplate. Then you can configure its properties in code-behind in the ItemCreated event. Here is a code sample:

<telerik:GridTemplateColumn HeaderText="Available dates" UniqueName="TemplateColumn">
                    <ItemTemplate>
                        <asp:Label runat="server" ID="date" Text='<%# Eval("OrderDate") %>'>
                        </asp:Label>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <telerik:RadTimePicker ID="picker1" runat="server" DbSelectedDate='<%# Bind("OrderDate") %>'>
                        </telerik:RadTimePicker>
                    </EditItemTemplate>
                </telerik:GridTemplateColumn>

and in code-behind:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridEditableItem && e.Item.IsInEditMode)
        {
            GridDataItem item = e.Item as GridDataItem;
            RadTimePicker picker = item["TemplateColumn"].FindControl("picker1") as RadTimePicker;
            picker.TimeView.TimeFormat = "HH:mm";
            picker.TimeView.HeaderText = "New Header";
            picker.TimeView.BackColor = Color.Crimson;
            picker.TimeView.Columns = 2;
        }
    }

Best wishes,
Marin
the Telerik team

[Thai Thuong]

Thanks Marin so much, it works!