This is a migrated thread and some comments may be shown as answers.

RadTimePicker inside asp.net gridview

2 Answers 95 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
sreedhar ambati
Top achievements
Rank 1
sreedhar ambati asked on 13 Aug 2009, 03:19 PM
Hi

I am having radtimepicker inside a asp.net gridview.
OnRowDatabound of gridview in the code behind I attached "OnClientTimeSelected" event of radtimepicker.
I am having a javascript function
But that function is not getting called.
Please tell me proper solution for this.

This is the sample code

               aspx page
------------------------------

                     <asp:GridView runat="server" ID="gvWorkingHours_New" AutoGenerateColumns="false"
                                    OnRowDataBound="gvWorkingHours_New_RowDataBound">
                                        <Columns>
                                            <asp:TemplateField HeaderText="Slot Name">
                                                <ItemTemplate>
                                                    <asp:TextBox runat="server" ID="txtSlotName" CssClass="inputsNoExpression" Text='<%# Eval("SlotName") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="From Time">
                                                <ItemTemplate>
                                                    <radCln:RadTimePicker ID="ddlFromTimeHrs" Width="31%" runat="server" TabIndex="2"
                                                        EnableTyping="true" TimeView-TimeFormat="HH:mm" DateInput-DateFormat="HH:mm"
                                                        DateInput-DisplayDateFormat="HH:mm" DateInput-EmptyMessage="From Time">
                                                        <TimeView ID="TimeView1" runat="server" ShowHeader="False" Interval="00:30" Columns="4" OnClientTimeSelected="sree()">
                                                        </TimeView>
                                                    </radCln:RadTimePicker>
                                                    <font class="sf-lab">hrs</font>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="To Time">
                                                <ItemTemplate>                                               
                                                  <radCln:RadTimePicker ID="ddlToTimeHrs" Width="31%" runat="server" TabIndex="2"
                                                        EnableTyping="true" TimeView-TimeFormat="HH:mm" DateInput-DateFormat="HH:mm"
                                                        DateInput-DisplayDateFormat="HH:mm" DateInput-EmptyMessage="From Time">
                                                        <TimeView ID="TimeView1" runat="server" ShowHeader="False" Interval="00:30" Columns="4">
                                                        </TimeView>
                                                    </radCln:RadTimePicker>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                         
                                        </Columns>
                                        <HeaderStyle CssClass="sf-formlabel" />
                                    </asp:GridView>
                           
                                   
--------

aspx.cs file
protected void gvWorkingHours_New_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        DataRowView drv = e.Row.DataItem as DataRowView;
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            RadTimePicker ddlFromTimeHrs = (RadTimePicker)e.Row.FindControl("ddlFromTimeHrs");
            RadTimePicker ddlToTimeHrs = (RadTimePicker)e.Row.FindControl("ddlToTimeHrs");

            ((RadTimePicker)e.Row.FindControl("ddlFromTimeHrs")).Attributes.Add("OnClientTimeSelected", "javascript:return CheckValidTimeHrs_New(" + ddlFromTimeHrs.ClientID + "," +
                ddlToTimeHrs.ClientID + ",1" + ")");

            ((RadTimePicker)e.Row.FindControl("ddlToTimeHrs")).Attributes.Add("OnClientTimeSelected", "javascript:return CheckValidTimeHrs_New(" + ddlFromTimeHrs.ClientID + "," +
                ddlToTimeHrs.ClientID + ",2" + ")");

        
         
        }
    }

---

javascript function

CheckValidTimeHrs_New(value1,value2,value3)
{
alert('Onclienttimeselected');
}



Regards
Sreedhar Ambati

2 Answers, 1 is accepted

Sort by
0
Vlad
Telerik team
answered on 14 Aug 2009, 08:06 AM
Hi sreedhar ambati,

You are trying to add attributes which is something a bit different from attaching client-side events!

Please review this demo for more info:
http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/clientsideevents/defaultcs.aspx

Greetings,
Vlad
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
sreedhar ambati
Top achievements
Rank 1
answered on 14 Aug 2009, 11:37 AM
Hi

I want to validate two times FromTIme and ToTIme
Can you send me any sample demo?

Regards
Sreedhar Ambati
Tags
Calendar
Asked by
sreedhar ambati
Top achievements
Rank 1
Answers by
Vlad
Telerik team
sreedhar ambati
Top achievements
Rank 1
Share this question
or