I have two RadTimePciker  called start time, end time and would like perform the following validation.
start time and end time should have an 45 minutes in length
for eg: if the start time is 4:15 P.M then end time should be minimum 5:00 P.M ..if the user enter less than it should throw an validation message.

below is my code :
am able to get the value of Date1 and Date2 , the difference is not working..would appreciate for any help.


<telerik:RadScriptBlock runat="server" ID="RadCodeBlock1">
        <script type="text/javascript">
             //<![CDATA[
           var RadTimePicker1;
            var RadTimePicker2;

            function validate(sender, args) {
                var Date1 = getClockTime(RadTimePicker1.get_selectedDate());
                alert(Date1);                
                var Date2 = getClockTime(RadTimePicker2.get_selectedDate());
                alert(Date2);                
                args.IsValid = true;
                alert(Date2 - Date1);
                if ((Date2 - Date1) <45 )) {
                    alert("The second time value should be greater than the first!");
                    args.IsValid = false;
                }
            }

            function onLoadRadTimePicker1(sender, args) {
                RadTimePicker1 = sender;
            }

            function onLoadRadTimePicker2(sender, args) {
                RadTimePicker2 = sender;
            }

            function getClockTime(T) {
                var now = new Date(T);
                var hour = now.getHours();
                var minute = now.getMinutes();
                var second = now.getSeconds();
                var ap = "AM";
                if (hour > 11) { ap = "PM"; }
                if (hour > 12) { hour = hour - 12; }
                if (hour == 0) { hour = 12; }
                if (hour < 10) { hour = "0" + hour; }
                if (minute < 10) { minute = "0" + minute; }
                if (second < 10) { second = "0" + second; }
                var timeString = hour +
                    ':' +
                    minute +
                    " " +
                    ap;
                return timeString;
            }

            //]]>
         </script>
        </telerik:RadScriptBlock>
  <telerik:GridTemplateColumn HeaderText="Begin Time" UniqueName="BeginTime">   
                            <EditItemTemplate>  
                                <telerik:RadTimePicker ID="RadTimePicker1" runat="server" Culture="English (United States)"  
                                    DbSelectedDate='<%# Bind("BeginTime", "{0:HH:mm}") %>' SharedCalendarID="" >  
                                     <DateInput runat="server" ><ClientEvents OnLoad="onLoadRadTimePicker1" /></DateInput>
                                     <TimeView runat="server" StartTime="06:00" EndTime="18:15" Interval="00:15:00"></TimeView>
                                </telerik:RadTimePicker>  
                               <asp:RequiredFieldValidator ID="ReqValidtor" runat="server" ErrorMessage="Required Field" InitialValue="" ControlToValidate="RadTimePicker1"></asp:RequiredFieldValidator>

                            </EditItemTemplate>  
                            <ItemTemplate>  
                                <asp:Label ID="dtLabel" runat="server" Text='<%# Eval("BeginTime", "{0:HH:mm}") %>' />  
                            </ItemTemplate>  
              <HeaderStyle Font-Bold="true" HorizontalAlign="Center" Width="40px" />
             </telerik:GridTemplateColumn>  
    <telerik:GridTemplateColumn HeaderText="End Time" UniqueName="EndTime">   
                            <EditItemTemplate>  
                                <telerik:RadTimePicker ID="RadTimePicker2" runat="server" Culture="English (United States)"  
                                    DbSelectedDate='<%# Bind("EndTime", "{0:HH:mm}") %>' SharedCalendarID="">   
                                    <DateInput ID="DateInput1" runat="server"><ClientEvents OnLoad="onLoadRadTimePicker2" /></DateInput>
                                    <TimeView ID="TimeView1" runat="server" StartTime="06:00" EndTime="18:15" Interval="00:15:00"></TimeView>
                                </telerik:RadTimePicker>
                                <asp:RequiredFieldValidator ID="ReqValidator" runat="server" ErrorMessage="Required Field" InitialValue="" ControlToValidate="RadTimePicker2"></asp:RequiredFieldValidator>
                                <asp:CustomValidator ID= "CusValidotor" runat="server" EnableClientScript="true" ControlToValidate="RadTimePicker2" ClientValidationFunction="validate"></asp:CustomValidator>
                           </EditItemTemplate>  
                            <ItemTemplate>  
                                <asp:Label ID="dtLabel1" runat="server" Text='<%# Eval("EndTime", "{0:HH:mm}") %>' />  
                            </ItemTemplate>
             <HeaderStyle Font-Bold="true" HorizontalAlign="Center" Width="40px" />
             </telerik:GridTemplateColumn>  


Thanks
Mohana Raman

Hi,

I have grid where i have 2 RadCombobox in 2 columns of Radgrid. See below


Now what i want. On selection of any RadCombobox of these 2 column at first, the second RadCombobox will be disabled. means We can not select both combobox Values at the same time. either First combobox or second one not both at the same time in Edit Command

Can anyone tell me How to do that ?

Thanks,
--Jai

Hi

I'm using Telerik Controls in our current project. Radio button is not displayed correctly when it is in disabled mode. I open the RadioButtonSprit picture and found out that there is no image for radio button disabled mode same as combox. Do you know any way to solve this problem?

Regards
Amir .H

I have two grids on my page.

The user is to select a row from grid1 which will display details of that row in grid 2

My datasource for grid 2 is set to take the selected index from grid 1. Here is my code for the grids

Grid 1

Code behind for Grid 1

GetFileList Datasource

Grid 2 (to display details from selected row in Grid 1)


Codebehind for Grid 2

GetFileHistory Datasource

Not sure why these are not linking. Do I need to specify additional postback code?

<this is fixed. See my 2nd post>

I am having my first go at doing a grid with the Web User Control used for editing each row.

I got the grid basically working to the point where if I click Edit on any row, that grid opens and shows the edit form. Then if I click Cancel the edit form disappears.

This part was working fine however each time I clicked Edit or Cancel the grid would  visibly blank for a second as it was reloaded.  The solution of course is it put it in an UpdatePanel. It is there my problem started.

Here is my grid with the UpdatePanel around it.


Pretty basic stuff.

However, if I now click the Edit link on any row the grid acts just as it did before (where it blank for a split second as it refreshes), except that now I have some strange text above and below it.

It looks like the attached image

I'm not sure if this is a RadGrid problem or a problem with my UpdatePanel (or ajax toolkit dll).. None the less, anyone have a clue what it going on here?

Hello Every One .

I want one radpane and one radsplitter ,
My scenario is i click one button  open one panel like collapse ,
That is bind some record .

Thanks,
Mohamed.

Hi guys,
I have a application form where I have to add two dropdown boxes(from and to).When user click on from box, he/she choose a value.Value should look like this:
08:00am
08:01am
08:02am..
11:59am..
12:00pm
12:01pm
And box 'to' should looks exactly like 'from' box'
If user choose for example 08:00am to 12:00pm I should grab this value and pass it to store procedure.
How can I do that?

Thanks so much for your support. 

I have a Splitter in my Page with a grid inside the Right Pane. When my grid loads and the number of columns are more than can fit inside the pane, i get a horizontal scrollbar, and it looks good. However when I start to page through the grid, the horizontal scrollbar disappears when the next page in the grid is loaded, cutting off the report. The horizontal scrollbar again appears though when I mouseover near the paging area of the grid or I click anywhere inside the grid. The scrollbar then remains . This seems to happen only on IE. In Firefox, the horizontal scrollbar never disappears. I do have the grid in the ajax setting. I am not sure what causes the scrollbar to disappear.
My page is inside a MasterPage
Any help would be appreciated.

Thanks

Hi,

I am using hierarchy grid to display data and also added Add new record option to insert an new row. I have set the Editmode-"In Place". After entering an new record and when i clicked the Update button. it is redirecting to server side InserCommand and i have return logic to insert this new record to database. But in the UI screen it still remains in the Edit mode, it is not coming into normal mode after execution.

Please find the below code.

 <telerik:RadGrid ID="radGridEngMemberAccess" runat="server" ShowStatusBar="true" AutoGenerateColumns="false" GridLines="None"  AllowMultiRowEdit="false"  >
               <MasterTableView DataKeyNames="JobID" AllowMultiColumnSorting="True"  Width="100%" CommandItemDisplay="None" AllowAutomaticDeletes="false" Name="CloseOutDetails"  >
               <CommandItemSettings ShowRefreshButton="false" />
                <DetailTables>
                    <telerik:GridTableView  Width="100%" runat="server" CommandItemDisplay="Bottom" Name="EngMemberDetails"  DataKeyNames="ID" EditMode="InPlace" >
                        <PagerStyle Mode="NextPrevAndNumeric" />
                        <CommandItemSettings AddNewRecordText="Add new user"   />
                        <Columns>
                         <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" >
                         <HeaderStyle Width="30px" />
                                       <ItemStyle CssClass="MyImageButton" />
                         </telerik:GridEditCommandColumn>
                            <telerik:GridBoundColumn SortExpression="Name" HeaderText="User Name" HeaderButtonType="TextButton"
                                DataField="Name" UniqueName="colName">
                            </telerik:GridBoundColumn>
                              <telerik:GridDropDownColumn SortExpression="Role" HeaderText="Role" DataSourceID="XmlDataSource1"  HeaderButtonType="TextButton" ListTextField="Name" ListValueField="ID" DataField="Role" UniqueName="colRole" />
                             <telerik:GridCheckBoxColumn DataField="IsActive" HeaderText="IsActive" UniqueName="colIsActive"  HeaderStyle-Width="10%" />
                             <telerik:GridBoundColumn SortExpression="ID" HeaderText="ID" HeaderButtonType="TextButton" DataField="ID" UniqueName="ID" ReadOnly="true" Visible="false"/>
                             <telerik:GridButtonColumn ConfirmText="Do you wand to delete the user?" ButtonType="ImageButton"
                                CommandName="Delete" Text="Delete" UniqueName="DeleteColumn2">
                                <HeaderStyle Width="20px" />
                                <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
                            </telerik:GridButtonColumn>
                        </Columns>
                        <SortExpressions>
                            <telerik:GridSortExpression FieldName="Name"></telerik:GridSortExpression>
                        </SortExpressions>
                    </telerik:GridTableView>
                </DetailTables>
                <Columns >
                     <telerik:GridBoundColumn SortExpression="CloseOutName" HeaderText="CloseOut Name" HeaderButtonType="TextButton"
                        DataField="CloseOutName" >
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="CloseOutType" HeaderText="CloseOut Type" HeaderButtonType="TextButton"
                        DataField="CloseOutType" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="JobID" HeaderText="JobID" HeaderButtonType="TextButton"
                        DataField="JobID" UniqueName="JobID" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridDateTimeColumn SortExpression="PeriodEndDate" HeaderText="PeriodEndDate" HeaderButtonType="TextButton"
                        DataField="PeriodEndDate" UniqueName="PeriodEndDate" DataFormatString="{0: MM/dd/yyyy}" ReadOnly="true">
                    </telerik:GridDateTimeColumn>
                  </Columns>
                  <HeaderStyle  BorderColor="Blue"  BackColor="Red"/>
                                 </MasterTableView>
        </telerik:RadGrid>

Hello,

I have a problem.
The radmenu is displayed above the radexplorer of the radeditor control (Please view the attached image).
Here is my radmenu code:

Here is my radeditor control:

If I set the z-index of the radmenu as "-1" istaed of "0". then the radexplorer hides the radmenu, but then, the user will be unable to display the child items of the radmenu.

Please, I need your help to solve this problem,
It is appreciated to send me the modified code:

Regards,
Bader