Questions on UI for ASP.NET AJAX Forum

2 answers

117 views

RadAjaxLoadingPanel remains after Ajax Response

Hello,

I have a single MasterPage with a Content block. I've set up a RadAjaxManager and RadAjaxLoadingPanel on the masterpage that handles all ajax on the site. From time to time the RadAjaxLoadingPanel will fail to close after the Ajax Response.

Below is a code sample from our masterpage:

                            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">         
                     
                        <script type="text/javascript">         
                        function adjustLoadingPanelHeight()         
                        {         
                            $get("<%= ajaxLoadingPanel.ClientID %>").style.height = document.documentElement.scrollHeight + "px";         
                            var imgLoading = $get("<%= imgLoading.ClientID %>");         
                            centerLoadingImage(imgLoading);         
                        }         
                                 
                        function centerLoadingImage(element)         
                        {         
                            var scrollTop = document.body.scrollTop;         
                            var scrollLeft = document.body.scrollLeft;         
                            var viewPortHeight = document.body.clientHeight;         
                            var viewPortWidth = document.body.clientWidth;         
                                     
                            if (document.compatMode == "CSS1Compat")         
                            {         
                                viewPortHeight = document.documentElement.clientHeight;         
                                viewPortWidth = document.documentElement.clientWidth;         
                                scrollTop = document.documentElement.scrollTop;         
                                scrollLeft = document.documentElement.scrollLeft;         
                            }         
                                     
                            var topOffset = Math.ceil(viewPortHeight/2 - element.offsetHeight/2);         
                            var leftOffset = Math.ceil(viewPortWidth/2 - element.offsetWidth/2);         
                            var top = scrollTop + topOffset - 40;         
                            var left = scrollLeft + leftOffset - 70;         
                            element.style.position = "absolute";         
                            element.style.top = top + "px";         
                            element.style.left = left + "px";         
                        }         
                                 
                        </script>         
                     
                    </telerik:RadScriptBlock>         
                    <%--11JUN09: Added EnableScriptCombine="false" to scriptMgr--%>         
                    <telerik:RadScriptManager ID="scriptMgr" runat="server" EnableScriptCombine="true"         
                        EnableViewState="False">         
                    </telerik:RadScriptManager>         
                    <telerik:RadStyleSheetManager ID="cssMgr" runat="server" EnableViewState="False">         
                    </telerik:RadStyleSheetManager>         
                    <telerik:RadAjaxManager ID="ajaxMgr" EnableViewState="True" DefaultLoadingPanelID="ajaxLoadingPanel"         
                        runat="server">         
                        <ClientEvents OnResponseEnd="ajaxResponseEnd" />         
                        <ClientEvents OnRequestStart="adjustLoadingPanelHeight();" />         
                    </telerik:RadAjaxManager>         
                    <telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" BackColor="#AAAAAA" InitialDelayTime="500" Width="100%"         
                        Height="100%" Style="position: absolute; top: 0; left: 0; text-align: center;         
                        vertical-align: middle; z-index: 1;" Transparency="20" IsSticky="true" runat="server">         
                        <asp:Image ID="imgLoading" runat="server" AlternateText="Loading..." ImageUrl="images/icons/ajax-loader4.gif"         
                            BorderStyle="None" />                     
                    </telerik:RadAjaxLoadingPanel>         

Thanks for the help!

-- Allen

Ajax

answered on 24 Jul 2009

3 answers

147 views

access to radgrid editform in a radmultipage

Hey,

i have a main page called view.ascx.
this page contains a radmultipage control. this control also contains some radpageviews.
on one of these radpageview reference another page called effects.ascx which contains some radgrids.
the first radgrid radgrid1 contains a edit button. when i click this button a editformtemplate opens. these editformtype is a webusercontrol (filename = control1.ascx). these webusercontol contains a button.
if i click on this button a second radgrid appears on my effects.ascx. these radgrid has a select button.
now when i click on this button, i want to set the value of the selected row to my textbox in the control1.ascx.

i hope to get some solution to sort my problem out.

Thanks
Chris

Grid

answered on 24 Jul 2009

1 answer

64 views

[Solved] TimeView.RenderDirection... not in Q1 2009????

This link shows that for TimeView we can set it's rendering direction to either Render in Rows or Render in Columns:

http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/overview/defaultcs.aspx

RadTimePicker1.TimeView.RenderDirection = RepeatDirection.Horizontal;
RadTimePicker1.TimeView.RenderDirection = RepeatDirection.Vertical;

However, RenderDirection does not seem to be available when I code it.

I'm using Telerik RadControls for ASP.NET Ajax, Q1 2009, .net 3.5 version.

What do I need to do to change the time's rendering direction from Rows to Colums?

Calendar

answered on 24 Jul 2009

1 answer

118 views

Update more than one user controls asynchronously

HI,
I am loading UserControls in DOCK control at run time. Each UserControl has a Timer control with Interval = 1 sec. On each Timer_Tick Event I am calling report and disabling the Timer control itself. User can add more than one user controls on the page at the same time. I thought that all Timer_Tick event fire at the same time but what's happening is it loads all the control on page and fire Timer_Tick event sequentially means it first fire the Timer_Tick event of first UserControl call the report finish the request and go to the Timer_Tick event of second control. Is it possible that all the Timer_Tick events fire at the same time. Do I have to play with RadAjaxManager settings? Please advise.

Thanks
Saqib

Ajax

answered on 24 Jul 2009

1 answer

525 views

Using jQuery to get RadComboBox value

How can I use jQuery to call methods on a RadComboBox?

For example, the following code works fine

    
            var dropFind = $find("<%= RadComboBox1.ClientID %>"); 
        
            var valueFind = dropFind.get_value();

but the following throws the error "Object doesn't support this property or method" when calling dropJQ.get_value()

    
            var dropJQ = $('#' + "<%= RadComboBox1.ClientID %>"); 
        
            var valueJQ = dropJQ.get_value();

Any Ideas?

ComboBox

answered on 24 Jul 2009

2 answers

54 views

Grid Pager grammar incorrect

Using PagerStyle NextPrevAndNumeric, when there is only one page of data displayed, the page information shows something like
"3 items in 1 pages". Since there is only one page, the text should read "3 items in 1 page". Nit-picking point, but our users would
like this to display correctly. I didn't see a way to modify this using the PagerTextFormat property - is there any way to fix this without
writing a custom pager?

Thanks.

Grid

answered on 24 Jul 2009

1 answer

163 views

Programmatically remove Parent Table Relations from grid

Hi

I would like to have a page where the user fills in a form which populates the grid with data. One of the options on the form would be 'show details' If this option is not ticked i would then chose not to populate the details table and not to show the expand/collapse column.

I am thinking i might be able to achieve this by programmatically removing the parent table relations from the grid in the page load event when the page is posted back but I don't know how to do this.

thanks

Grid

answered on 24 Jul 2009

1 answer

235 views

Need to sort a date column so that empty values appear at the bottom

Hi,

I am using a RadGrid in which I have a date column. At the moment when I sort by the column in ascending order the empty records appear at the top and then the rest of the dates are shown in ascending order.

However what I need to do is to apply a sorting algorithm so that the empty columns always appear at the bottom whether the user selects to sort in desc or asc order.

Is this possible? If so please advise the best approach in your opinion.

Thanks

Grid

answered on 24 Jul 2009

1 answer

213 views

Viewstate size

I have a simple RadGrid (Q2 2009) instance that does its databinding on the client side using a web service. My problem is with the amount of viewstate that the grid generates.

My grid has 8 columns. Of those, 5 are data bound columns, 2 button columns and 1 is a template column. I have tried removing these columns in various combinations but to no avail.

The grid looks to be creating about 40-50KB of viewstate on page load (before the grid calls the web service to get its data). I do not need to persist viewstate data in my current scenario.

I have tried to disable viewstate with EnableViewState=false on 1) the page 2) the user control 3) the radgrid itself. None of these seem to impact the volume of viewstate that the control generates.

Grid

answered on 24 Jul 2009

1 answer

134 views

RadGrid Aggregate Issue

Hey. I'm having an issue with a grid which uses a hierarchical structure along with aggregates on a column. The front end code looks like this:

                    <MasterTableView>         
               <DetailTables>         
                  <telerik:GridTableView ShowFooter="true">         
                     <ParentTableRelation>etc...</ParentTableRelation>         
                        <Columns>         
                           <telerik:GridBoundColumn HeaderText="Affiliate" DataField="affiliate"/>         
                           <telerik:GridBoundColumn HeaderText="Records Received" DataField = "RecordCount" Aggregate="Sum" UniqueName="RecordCount" DataFormatString="{0:N0}"/>         
                        </Columns>         
                        <DetailTables>         
                           <telerik:GridTableView ShowFooter="true" GridLines="None" runat="server" Name="Data" FooterStyle-ForeColor="White">         
                                   <ParentTableRelation>etc...</ParentTableRelation>         
                              <Columns>         
                                <telerik:GridBoundColumn DataField="SubID" HeaderText="SubID" UniqueName="SubID" />         
                                 <telerik:GridBoundColumn HeaderText="Record Count" DataField="Record Count" ="Record Count" DataFormatString="{0:N0}" />         
                              </Columns>         
                            </telerik:GridTableView>         
                          </DetailTables>         
                      </telerik:GridTableView>                                 
                    </DetailTables>         
                   <Columns>         
                      etc...         
                   </Columns>          
            </MasterTableView>         

The data is related properly between the nested tables. I am attempting to aggregate the Topmost "recordcount" column such that each child table displays the total count for that child in the footer. The problem is that... the footer is displaying the total count for the entire table. For example, the first child table might have 1000 records, the second 2000, and the third 3000. Each footer displays "6000" instead of 1000, 2000, and 3000. Am I doing something wrong?

Grid

answered on 24 Jul 2009