Questions on UI for ASP.NET AJAX Forum

7 answers

182 views

RadGrid : selection of any RadCombobox of these 2 columns at first and the second RadCombobox will be disabled.

Hi,

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

<telerik:GridTemplateColumn UniqueName="XYZDropDownType" HeaderText="XYZ DropDown Type"

SortExpression="XYZDropDownType">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"XYZDropdownType")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="RadComboBox2" runat="server" DataTextField="Description"

Width="150px" MaxHeight="200" SkinID="EzComboBox" DataSourceID="ObjectDataSource2"

AppendDataBoundItems="true" DataValueField="XYZDropdownTypeId" SelectedValue='<%#Bind("XYZDropdownTypeId") %>'

EnableVirtualScrolling="True">

<Items>

<telerik:RadComboBoxItem Text="Choose One" Value="" />

</Items>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ABCType" HeaderText="ABC Type"

SortExpression="ABCTypeName">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"ABCTypeName")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="RadComboBox3" runat="server" DataTextField="Type" Width="160px"

MaxHeight="200" SkinID="EzComboBox" DataSourceID="ObjectDataSource3" AppendDataBoundItems="true"

DataValueField="ABCTypeId" SelectedValue='<%#Bind("ABCTypeId") %>'

EnableVirtualScrolling="True">

<Items>

<telerik:RadComboBoxItem Text="Choose One" Value="" />

</Items>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

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

Grid

answered on 07 Jul 2011

1 answer

153 views

Radion Button Disable Problem

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

FormDecorator

answered on 07 Jul 2011

2 answers

73 views

Syncronising Two Grids

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

<telerik:RadGrid ID="FileList" Width="97%"

AllowPaging="True" runat="server" AllowSorting="True"

OnNeedDataSource="FileList_NeedDataSource" GridLines="None"

AutoGenerateColumns="False" Skin="Windows7" Height="220px">

<HeaderContextMenu EnableImageSprites="True" ></HeaderContextMenu>

<MasterTableView Width="100%" DataKeyNames="FileID" >

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridBoundColumn DataField="FileID" DataType="System.Int32"

HeaderText="FileID" SortExpression="FileID" UniqueName="FileID"

ReadOnly="True" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileNumber" HeaderText="File Number"

SortExpression="FileNumber" UniqueName="FileNumber"

HeaderStyle-Width="85px" ItemStyle-HorizontalAlign="Center">

<HeaderStyle Width="85px"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateEntered" DataType="System.DateTime" DataFormatString="{0:dd/MM/yyyy}"

HeaderText="Date Entered" SortExpression="DateEntered"

UniqueName="DateEntered" HeaderStyle-Width="85px">

<HeaderStyle Width="85px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateBoxed" DataType="System.DateTime" DataFormatString="{0:dd/MM/yyyy}"

HeaderText="Date Boxed" SortExpression="DateBoxed" UniqueName="DateBoxed"

HeaderStyle-Width="85px">

<HeaderStyle Width="85px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DestroyDate" DataType="System.DateTime" HeaderStyle-Width="100px"

HeaderText="Destroy Date" ReadOnly="True" SortExpression="DestroyDate" DataFormatString="{0:dd/MM/yyyy}"

UniqueName="DestroyDate">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileStatus" HeaderText="File Status" HeaderStyle-Width="115px"

SortExpression="FileStatus" UniqueName="FileStatus">

<HeaderStyle Width="115px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Business" DataType="System.Int32"

HeaderText="Business" SortExpression="Business" UniqueName="Business" Visible="false">

</telerik:GridBoundColumn>

</Columns></MasterTableView>

<PagerStyle Mode="NextPrevAndNumeric" />

<ClientSettings>

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

<FilterMenu EnableTheming="True" >

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

</telerik:RadGrid>

Code behind for Grid 1

Protected Sub FileList_NeedDataSource(ByVal source As Object, ByVal e As GridNeedDataSourceEventArgs) Handles FileList.NeedDataSource

FileList.DataSource = GetFileList

End Sub

GetFileList Datasource

<asp:SqlDataSource ID="GetFileList" runat="server"

ConnectionString="<%$ ConnectionStrings:FileawaySQLConnectionString %>"

SelectCommand="SELECT * FROM [qryFileList] WHERE ([Business] = @Business)">

<SelectParameters>

<asp:ControlParameter ControlID="lblUserID" Name="Business"

PropertyName="Text" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

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

<telerik:RadGrid ID="FileHistory" Width="97%"

AllowPaging="True" runat="server" AllowSorting="True"

OnNeedDataSource="FileHistory_NeedDataSource" GridLines="None"

AutoGenerateColumns="False" Skin="Windows7" Height="220px">

<HeaderContextMenu EnableImageSprites="True" ></HeaderContextMenu>

<MasterTableView Width="100%" >

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridBoundColumn DataField="FileID" DataType="System.Int32"

HeaderText="FileID" ReadOnly="True" SortExpression="FileID" UniqueName="FileID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileNumber" HeaderText="FileNumber"

SortExpression="FileNumber" UniqueName="FileNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileHistoryAction"

HeaderText="FileHistoryAction" SortExpression="FileHistoryAction"

UniqueName="FileHistoryAction">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateofAction" DataType="System.DateTime"

HeaderText="DateofAction" SortExpression="DateofAction"

UniqueName="DateofAction">

</telerik:GridBoundColumn>

</Columns></MasterTableView>

<PagerStyle Mode="NextPrevAndNumeric" />

<ClientSettings>

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

<FilterMenu EnableTheming="True" >

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

</telerik:RadGrid>

Codebehind for Grid 2

Protected Sub FileHistory_NeedDataSource(ByVal source As Object, ByVal e As GridNeedDataSourceEventArgs) Handles FileHistory.NeedDataSource

FileList.DataSource = GetFileHistory

End Sub

GetFileHistory Datasource

<asp:SqlDataSource ID="GetFileHistory" runat="server"

ConnectionString="<%$ ConnectionStrings:FileawaySQLConnectionString %>"

SelectCommand="SELECT * FROM [qryFileHistory] WHERE ([FileID] = @FileID)">

<SelectParameters>

<asp:ControlParameter ControlID="FileList" Name="FileID"

PropertyName="SelectedValue" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

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

Grid

answered on 07 Jul 2011

1 answer

874 views

RadGrid - Update Panel Problem

<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.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<telerik:RadGrid ID="rgContacts" runat="server" GridLines="None" AllowPaging="True" CssClass="RadGrid"

AllowSorting="False" AutoGenerateColumns="False" ShowStatusBar="true" OnPreRender="rgContacts_PreRender"

OnNeedDataSource="rgContacts_NeedDataSource" OnUpdateCommand="rgContacts_UpdateCommand"

OnInsertCommand="rgContacts_InsertCommand" OnDeleteCommand="rgContacts_DeleteCommand">

<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="con_Contact_ID">

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" />

<telerik:GridBoundColumn UniqueName="con_Firstname" HeaderText="First Name" DataField="con_Firstname" />

<telerik:GridBoundColumn UniqueName="con_Surname" HeaderText="Surname" DataField="con_Surname" />

<telerik:GridBoundColumn UniqueName="con_Position" HeaderText="Position" DataField="con_Position" />

<telerik:GridBoundColumn UniqueName="con_Email" HeaderText="Email" DataField="con_Email" />

<telerik:GridBoundColumn UniqueName="con_Phone" HeaderText="Landline" DataField="con_Phone" />

<telerik:GridBoundColumn UniqueName="con_Mobile" HeaderText="Mobile" DataField="con_Mobile" />

<telerik:GridBoundColumn UniqueName="con_Fax" HeaderText="Fax" DataField="con_Fax" />

<telerik:GridBoundColumn UniqueName="con_Is_Primary" HeaderText="Is Primary Contact" DataField="con_Is_Primary" />

<telerik:GridButtonColumn UniqueName="DeleteColumn" Text="Delete" CommandName="Delete" />

</Columns>

<EditFormSettings UserControlName="Controls/ContactDetails.ascx" EditFormType="WebUserControl">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

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?

General Discussions

answered on 07 Jul 2011

3 answers

56 views

in RadSplitter one RadPane and one RadSplitBar

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.

Splitter

answered on 07 Jul 2011

1 answer

77 views

RadTimePicker

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.

Calendar

answered on 07 Jul 2011

3 answers

147 views

Horizontal Scrollbar

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

Splitter

answered on 07 Jul 2011

1 answer

91 views

Unable to come out of Edit mode after execution on Insert Command.

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>

Grid

answered on 07 Jul 2011

2 answers

64 views

RadMenu child items are not displayed in ie7

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:

<telerik:RadMenu ID="HeaderRadMenu" Flow="Horizontal" Skin="Outlook" style="z-index:0;" Width="100%" runat="server" >

</telerik:RadMenu>

if (!IsPostBack)

{

HeaderRadMenu.LoadContentFile("~/SecureSiteManagenment/Design/xml/HeaderMenu.xml");

}

Here is my radeditor control:

<telerik:RadEditor runat="server" ID="PContentRadEditor" Skin="Default" Height="500px" Width="100%"

Content='<%# DataBinder.Eval( Container, "DataItem.PContent") %>' ToolsFile="~/Common/Controls/RadEditor/xml/CustomFullSetOfToolsForSecureTables.xml"

DialogsCssFile="~/Common/Controls/RadEditor/RTLRadEditorStyle/RadEditor_Dialogs_RTL.css" ContentAreaCssFile="~/Common/Controls/RadEditor/RTLRadEditorStyle/EditorContentArea_RTL.css">

<Modules>

<telerik:EditorModule Visible="false" />

</Modules>

<ImageManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="10000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<DocumentManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<MediaManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<FlashManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<TemplateManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

</telerik:RadEditor>

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

Menu

answered on 07 Jul 2011

2 answers

225 views

How to catch Keydown event?

hi ,
I need to catch the Ctrl button keydown event ......how to do that.....
Thanks.

Editor

answered on 07 Jul 2011