Questions on UI for ASP.NET AJAX Forum

1 answer

504 views

Treeview node click event

How to call treeview node click event in button click event.

TreeView

answered on 24 Feb 2009

11 answers

487 views

[Solved] Client-side calculation in RadGrid edit mode

I am attempting to do a simple Javascript calculation in the insert and edit forms of a RadGrid without success either by using RadAjax or the client-side API (both of which I am new to anyway). Basically OnTextChanged of field X I would like to update the value of field Y with the result of a simple formula based on the value in X.

I really don't know where to start though having spent a few hours trying to figure out the Client-side API and then after failing there, looking at how to access those field values using RadAjax and failing even more.

If someone could talk me through the methodology with some pointers as to what methods/properties etc to use, I'd be very grateful as I'm totally stuck despite the apparent simplicity, I can do it in basic Javascript in 5 minutes, but I want to know how to do it properly with the Telerik controls and no hardcoded ClientIDs!!

Here's the my Grid in its simplest form.

    
              <telerik:GridNumericColumnEditor ID="edtGross" runat="server" NumericTextBox-Type="Currency"> 
        
                <NumericTextBox ID="tbxGrossAmount" runat="server" /> 
        
              </telerik:GridNumericColumnEditor> 
        
              <telerik:GridNumericColumnEditor ID="edtNet" runat="server" NumericTextBox-Type="Currency"> 
        
                <NumericTextBox ID="tbxNetAmount" runat="server" /> 
        
              </telerik:GridNumericColumnEditor> 
        
              <telerik:RadGrid ID="grdAccountEntryList" runat="server" Skin="Sunset" DataSourceID="sqlAccountEntryList"> 
        
                <MasterTableView DataSourceID="sqlAccountEntryList" DataKeyNames="AccountEntryID"  
        
                  AutoGenerateColumns="False" 
        
                  AllowFilteringByColumn="True" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" 
        
                  AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="True"> 
        
                  <Columns> 
        
                    <telerik:GridNumericColumn NumericType="Currency" DataField="GrossAmount" UniqueName="GrossAmount" HeaderText="Gross" DataType="System.Decimal" 
        
                      Aggregate="Sum" DataFormatString="{0:c2}" ColumnEditorID="edtGross"> 
        
                    </telerik:GridNumericColumn> 
        
                    <telerik:GridNumericColumn NumericType="Currency" DataField="NetAmount" UniqueName="NetAmount" HeaderText="Net" 
        
                      DataFormatString="{0:c2}" Aggregate="Sum" DataType="System.Decimal" ColumnEditorID="edtNet"> 
        
                    </telerik:GridNumericColumn> 
        
                  </Columns> 
        
                </MasterTableView> 
        
              </telerik:RadGrid>

Grid

answered on 24 Feb 2009

1 answer

96 views

Displaying XML inside grid

I am unable to see XML in the grid as it is stored in the database. It shows a long string of characters which I am unable to interperet. I was wondering if there is any way of displaying the xml inside the grid.

Grid

answered on 23 Feb 2009

2 answers

147 views

[Solved] RadCalendar FastNavigation Issue.

In our application we do not want the FastNavigation for the Rad Calendar. So we had set the FastNavigationNextImage, FastNavigationNextText and other fast navigation properties to be empty.

Today the lates Q3 2008 has been installed in my system and these images are appearing again.

Is there a way to remove the FastNavigation images/buttons?

Because, the EnableNavigation removes all the four navigation buttons.

Thanks,
Leo Paul Clement J.

Calendar

answered on 23 Feb 2009

2 answers

113 views

Chrome browser can't render properly GridDateTimeColumn.

Hi,

Chrome browser can't render properly GridDateTimeColumn.

Therefore , it is essential to set the following property.

FilterControlWidth = "150px"

The following sample has the same(?) problem.

Chrome can't render it properly when it is 'in-forms editing mode'.

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/alleditablecolumns/defaultcs.aspx

Grid

answered on 23 Feb 2009

2 answers

326 views

[Solved] Hiding Filter Row

Is there a way to make the filter row of a grid initially hidden?

I am using a grid with filtering. I have a checkbox on my page that will show/hide the filter row via javascript call - all working fine. I just want the filter row to be initially hidden until the user clicks the checkbox to show it.

Would love to be able to set the initial visilbility state of the filter row server-side as the page initially loads or declaritvely in the page markup.

I am using RadGrid for ASP.NET AJAX - 2008.3

Thanks for your help... Russ

Grid

answered on 23 Feb 2009

5 answers

192 views

Missing columns when horizontal scrolling

When the grid contains a large number of columns such that there is horizontal scrolling, and there are no records present, the scrolling does not scroll all the way to the right of the header.

ASPX

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                <div> 
        
                    <telerik:RadGrid runat="server" ID="grid"  > 
        
                                <MasterTableView  AutoGenerateColumns="false" >  
        
                            <Columns>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col1" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col2" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col3" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col4" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col5" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col6" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col7" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col8" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col9" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col10" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col11" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col12" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col13" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col14" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col15" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col16" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col1" HeaderText="Col17" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                                <telerik:GridBoundColumn DataField="col2" HeaderText="Col18" HeaderStyle-Width="100px"></telerik:GridBoundColumn>  
        
                            </Columns>  
        
                        </MasterTableView>  
        
                    <ClientSettings> 
        
                        <Resizing AllowColumnResize="true" /> 
        
                        <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
        
                    </ClientSettings> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
            </form> 
        
            </body> 
        
            </html>

C#

    
            using System; 
        
            using System.Data; 
        
            using System.Configuration; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Web.UI.HtmlControls; 
        
            using System.Net; 
        
            using System.Collections.Generic; 
        
            using Telerik.Web.UI; 
        
            public partial class _Default : System.Web.UI.Page  
        
            { 
        
                protected override void OnLoad(EventArgs e) 
        
                { 
        
                    base.OnLoad(e); 
        
                    BindData(); 
        
                } 
        
                private void BindData() 
        
                { 
        
                    DataTable table = new DataTable(); 
        
                    table.Columns.Add("col1"); 
        
                    table.Columns.Add("col2"); 
        
                    grid.DataSource = table; 
        
                    grid.DataBind(); 
        
                } 
        
            }

When you first load the page, you cannot scroll all the way to the right to see the end of column 18. On my resolution I get to the middle of Col16.

Note that as soon as you resize a column the header is resized so that the scrolling works perfectly.

I also tried a couple of different skins but the all show the same behaviour.

Is there a size not being set properly on the initial load?

Thanks,

Stephen

Grid

answered on 23 Feb 2009

3 answers

188 views

[Solved] Dependent GridDropDownColumn Issue

Hello everybody,

I have two problems with dependent GridDropDownColumns in my project.
I have to Lists in my RadGrid. The second list has to display a sub-set of data, which is based on the selection in the first list

For this problem I found a nearly working solution in the Post under this Link.
This Post refers to a Demo on the Telerik page: Demo

If I realize it like in the demo, it works fine in all rows except the last one. Here the second list is not refreshed, even if all relevant events were fired like in all other rows. This Problem occurs in the Telerik Demo, too.

The second problem is, that it didn't work on insert either.

The technical stuff:
I Use RadControls for ASPNET AJAX Q3 2008 with VS 2008 SP1 under WinXP SP3.

With a bit more searching I found a second demo from Telerik with the same problem:
http://demos.telerik.com/aspnet-ajax/Grid/Examples/Programming/AccessingCellsAndRows/DefaultCS.aspx
This one has RadComboBoxes instead of DropDownLists for the GridDropDownColumns like my coding.

Greetings
Thomas

Grid

answered on 23 Feb 2009

1 answer

91 views

Localization of editor

Hello, I have "App_GlobalResources" and all resource files copied there, but the editor still showing string name not value. for example at the bottom of box "StaticticsWords" instead "Words:". none of them showing properly. can anyone help me with this? Thanks.

Editor

answered on 23 Feb 2009

1 answer

155 views

RADEditor Edit Mode buttons missing text/description

Hi,

We are using Q2 2008 version of Telerik Rad Controls for ASP.Net Ajax. RadEditor is set to use all edit modes. RadEditor1.EditModes = EditModes.All
Icons (pensil, brakets etc) are shown and allow to switch between modes as expected. However we are missing text/description/label that is displayed in online demo http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx next to each icon (ex. next to pencil icon there is word "Design"). Please note that tooltips are working fine.

Running Q1 live examples locally , we notice that text is missing as well.

We appreciate any feedback and suggestions.

Editor

answered on 23 Feb 2009