Hi

I'm trying to implement client side hierarchial RadGrids as described here: 
http://blogs.telerik.com/vladimirenchev/posts/08-09-09/how-to-telerik-radgrid-master-detail-client-side-data-binding-using-linq-to-sql-and-webservice.aspx 

This works great for 2 levels of hierarchy (RadGrid1 has a NestedView in which RadGrid2 is placed).
But as soon as I try to implement third level of hierarchy and add a RadGrid3 inside of NestedView of RadGrid2 I get dramatically worse performance - about 2 minutes to get page rendered (against 7 seconds for page with 2 levels). Page contains just pure markup, without any data bound. 

Please advise, what can be done in order to workaround this performance issue.

These are the test samples I've made:
First one is a quite fast 2 levels case (contains just a label inside of RadGrid2 NestedView), second is a slow one with RadGrid3 instead of label:

Label:


RadGrid:

Another developer also has the same requirement and his question is at: http://www.telerik.com/community/forums/aspnet-ajax/ajax/block-access-to-controls-in-the-page-on-ajax-postback.aspx. I wasn't sure whether adding a reply to his indicating my need to know the answer as well (since there's no way to "follow" or "subscribe" to a question unless you reply to it) or adding a new thread was appropriate. I chose to add a new thread.

Our Telerik version is 2012.1.215.40. I tried the following code, which I saw in a demo:

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            var currentLoadingPanel = null;
            var currentUpdatedControl = null;
            var idOfControl;

            function RequestStart(sender, args) {
                currentLoadingPanel = $find("<%= AjaxLoadingPanel.ClientID %>");
                // The control clicked is inside a RadAjaxPanel.
                // <telerik:RadAjaxPanel ID="AssessmentFilterAjaxPanel" runat="server" height="66px"
                // width="186px" HorizontalAlign="NotSet" LoadingPanelID="AjaxLoadingPanel" style="margin-right: 0px">
                 // <asp:PlaceHolder ID="AssessmentLinksPlaceholder" runat="server" EnableViewState="true"></asp:PlaceHolder>
                 // </telerik:RadAjaxPanel>
                 // The hyperlinks are created dynamically (it's faceted search) and the IDs start with "Assessment"
                idOfControl = args.get_eventTarget();

                if (idOfControl.indexOf("Assessment") > -1) {
                    // This control is inside a  RadAjaxPanel
                    // <telerik:RadAjaxPanel ID="PortfolioAjaxPanel" runat="server" Width="720px" HorizontalAlign="NotSet"           
                    // LoadingPanelID="AjaxLoadingPanel">
                    currentUpdatedControl = "<%= AssessmentInstanceRepeater.ClientID %>"; //
                }

                //show the loading panel over the updated control
                currentLoadingPanel.show(currentUpdatedControl);
            }

            function ResponseEnd() {
                //hide the loading panel and clean up the global variables
                if (currentLoadingPanel != null) {
                    currentLoadingPanel.hide(currentUpdatedControl);
                    currentUpdatedControl = null;
                    currentLoadingPanel = null;
                }
            }
        </script>
    </telerik:RadCodeBlock>   

The code inside the RadCodeBlock is not executed. I also refer to jQuery version 1.7.1 and use it successfully with $.noConflict();. This is the order of the scripts included (just in case this is the problem):

In the BODY:
    <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <script src="scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="scripts/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>  

[The RadCodeBlock goes here]

And right before closing the BODY:
    <script language="javascript" type="text/javascript">
        $.noConflict();

      jQuery(document).ready(function($) {
           // My code handling modal pop-ups, inline editing, hiding and showing content. This works correctly.
        });
    </script>

The RadAjaxManager has the following AjaxSetting:

            <telerik:AjaxSetting AjaxControlID="AssessmentLinksPlaceholder">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ClearAllLink" />
                    <telerik:AjaxUpdatedControl ControlID="AssessmentAppliedFilterPlaceholder" />
                    <telerik:AjaxUpdatedControl ControlID="AssessmentLinksPlaceholder" />
                    <telerik:AjaxUpdatedControl ControlID="StatusLinksPlaceholder" LoadingPanelID="AjaxLoadingPanel" />
                    <telerik:AjaxUpdatedControl ControlID="AssessmentInstanceRepeater" LoadingPanelID="AjaxLoadingPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>

AJAX execution works correctly. The only problem I have to solve is how to disable or to block or to show the loading panel the other panels.

A reply to our problem is appreciated.

Elsa

I have created the simplest form I can to test setting a RadTextBox using javascript.

aspx:
VB:

I get the following error:
Microsoft JScript runtime error: Unable to get value of the property 'set_value': object is null or undefined

Yes I have to do it on page load.
Yes I have to do this using javascript.

Hi,

we are facing formatting issues while exporting the GRID to PDF.

some of the columns in the grid are not shown in the PDF. This problem exist if we have more than 3 columns in the grid.

Export to Excel & Export to Word are working properly.

Below is the code we are using. 

In .aspx

<telerik:RadGrid ID="rdgRoles" runat="server" DataSourceID="dsRoles"  OnItemCommand="RdgRolesItemCommand" Width="990px"
 ValidationSettings-ValidationGroup="valgrpSettings">
<MasterTableView AutoGenerateColumns="false" DataKeyNames="RoleId" CommandItemDisplay="Top"
CommandItemSettings-AddNewRecordImageUrl="../Images/App/addRole.png" CommandItemSettings-AddNewRecordText=""
 PagerStyle-AlwaysVisible="True" AllowPaging="True" AllowSorting="true">
 <CommandItemSettings ShowExportToExcelButton="True" ShowExportToWordButton="True"
 ShowExportToPdfButton="True" ShowRefreshButton="False"></CommandItemSettings>
 <Columns>
<telerik:GridTemplateColumn UniqueName="template"  HeaderStyle-Width="50px" ItemStyle-Width="50px">
<ItemTemplate>
<asp:ImageButton ID="imgEdit" runat="server" ToolTip="Edit" CommandName="EditRole"
     ImageUrl="~/Images/App/icon_edit.gif" />
<asp:ImageButton ID="imgbtnDelete" ToolTip="Delete" runat="server" CommandName="Delete"
     ImageUrl="~/Images/App/icon_delete.gif" OnClientClick="return confirm('Are you sure want to Delete this Role?');" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Role" HeaderStyle-Width="200px" ItemStyle-Width="200px" SortExpression="Role" >
<ItemTemplate>
<span class="wordwrapcontentnormal" style="width:200px;">
<asp:Label ID="lblRole" runat="server" Text='<%# Bind("Role") %>'></asp:Label>
</span>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn HeaderText="Description" DataField="Description" MaxLength="500"  HeaderStyle-Width="300px" ItemStyle-Width="300px">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Permission Level"  HeaderStyle-Width="200px" ItemStyle-Width="200px" SortExpression="PermissionLevel">
<ItemTemplate>
<span class="wordwrapcontentnormal" style="width:200px;">
<asp:Label ID="lblPermission" runat="server" Text='<%# Eval("PermissionLevel") %>'></asp:Label>
</span>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridCheckBoxColumn UniqueName="Active" HeaderText="Active" DataField="Active"  HeaderStyle-Width="50px" ItemStyle-Width="50px">
</telerik:GridCheckBoxColumn>
<telerik:GridTemplateColumn UniqueName="ActiveString" HeaderText="Active" HeaderStyle-Width="50px" ItemStyle-Width="50px"  Visible="false" ItemStyle-VerticalAlign="Top">
<ItemTemplate>
<%# Eval("ActiveString") %>                                                                     
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
 </telerik:RadGrid>

In Code behind

protected void RdgRolesItemCommand(object source, GridCommandEventArgs e)
        {
            try
            {
                if (e.CommandName == RadGrid.ExportToExcelCommandName ||
                e.CommandName == RadGrid.ExportToWordCommandName ||
                e.CommandName == RadGrid.ExportToCsvCommandName ||
                e.CommandName == RadGrid.ExportToPdfCommandName)
                {


                    rdgRoles.ExportSettings.ExportOnlyData = true;
                    rdgRoles.ExportSettings.IgnorePaging = true;
                    rdgRoles.ExportSettings.OpenInNewWindow = true;
                    rdgRoles.ExportSettings.FileName = GlobalHelper.ExportFileName(Resources.Messages.RoleExportFileName);


                    GlobalHelper.IsExport = true;
                    rdgRoles.MasterTableView.GetColumn("template").Visible = false;
                    rdgRoles.MasterTableView.GetColumn("Active").Visible = false;
                    rdgRoles.MasterTableView.GetColumn("ActiveString").Visible = true;
                }


                switch (e.CommandName)
                {
                    case RadGrid.ExportToExcelCommandName:
                        rdgRoles.MasterTableView.ExportToExcel();


                        break;


                    case RadGrid.ExportToCsvCommandName:
                        rdgRoles.ExportSettings.ExportOnlyData = false;
                        rdgRoles.MasterTableView.ExportToCSV();
                        break;


                    case RadGrid.ExportToPdfCommandName:
                        rdgRoles.MasterTableView.ExportToPdf();
                        break;


                    case RadGrid.ExportToWordCommandName:
                        rdgRoles.MasterTableView.ExportToWord();
                        break;
                }

            }
            catch (Exception ex)
            {
                
            }
        }
        
Can you please provide solution for this?

Thanks in advance.  

Hi, I'm looking an either client-side or server-side to either append '*' to the Folder Name or switch the icon.  Right now, we're only allowing members to download the files and we keep that the download status.

Thanks
Vinh Vu

Can you send me the sample code to describe how to use raddatapager control with radgridview....Your demo site doesnot explain the pager control with gridview.
Thanks

How can I implement to popup the image over the small image in the grid image Column when mouse over on that Grid cell?


Thanks

Hi,

Is there any way to display scroll bars for the grid on touch devices?  I'm concerned our users won't recognize there is more to the list since there isn't a visual cue on my grid.

Thanks,
Andrew

I HAVE TWO BUTTONS(WITH NAME UPDATE AND REFRESH) IN RAD TOOL BAR. I SET BOTH BUTTONS POSTBACK TO TRUE.AND I  AM CHECKING POSTBACK OF BUTTONS IN RAD TOOLBAR BUTTONCLICK EVENT.WHEN I CLICK ONLY ON UPDATE BUTTON THE REFRESH BUTTON ALSO POSTBACK HOW TO AVOID THIS

I'm using RadScheduler with WebService binding and I want to avoid the following behavior: 
In MonthView, lets say March is displayed and the last three days of February are at the beginning. When I click on 29th of February, the scheduler automatically switches the view to February.

I'd like the view to stay on March (with those three days on Feb).
I've seen it done throughout Telerik's demos and I presume it's a simple setting, but I can't seem to find it.

Any help would be appreciated it.


Thanks.