Questions on UI for ASP.NET AJAX Forum

1 answer

245 views

Hi,

I have the following AJAXManager:

                            <telerik:RadAjaxManager ID="radAjaxManager" runat="server" EnableEmbeddedScripts="true" EnableAJAX="true" UpdatePanelsRenderMode="Block">         
                        <AjaxSettings>         
                            <telerik:AjaxSetting AjaxControlID="pnlCheckingSystem">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="pnlCheckingSystem" />         
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                            <telerik:AjaxSetting AjaxControlID="btnLogin">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="pnlLoggingIn" />         
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                        </AjaxSettings>         
                    </telerik:RadAjaxManager>         
                     
                     

... and I am trying to "find" it using code I lifted from http://demos.telerik.com/aspnet-ajax/Ajax/Examples/Manager/ClientSideAPI/DefaultCS.aspx using the $find() function: (this is just before the BODY close tag)

                        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">         
                         
                    <script type="text/javascript" language="javascript">         
                        function InitiateAsyncRequest(argument) {         
                            var ajaxManager = $find('<%= radAjaxManager.ClientID %>');         
                            if (ajaxManager) ajaxManager.ajaxRequest(argument);         
                            else alert('Could not get control \'<%=radAjaxManager.ClientID %>\'');         
                        }         
                     
                        InitiateAsyncRequest('clientCheck');         
                    </script>         
                         
                </telerik:RadCodeBlock>         

Instead, radAjaxManager keeps coming back null (therefore displaying the alert). For your information, the control ID it displays is indeed 'ctl00_contentPlaceHolder_radAjaxManager', which does map to the rendered HTML:

                        <div id="login">         
                    <h1>Login</h1>         
                    <!-- 2008.3.1125.35 --><div id="ctl00_contentPlaceHolder_radAjaxManagerSU">         
                <span id="ctl00_contentPlaceHolder_radAjaxManager" style="display:none;"></span>         
            </div>         
                     
                     

By the way, what's the purpose of the RadCodeBlock? I got an exception suggesting I should add it.

Ajax

answered on 28 Jan 2009

3 answers

148 views

Error after install version 2008.3.1314.35

I've got an error after update the version to 2008.3.1314.35 release. The error occurs after an ajax request (in bold at the code below) in a java script function that handles the event "OnClientButtonClicked" of a RadToolBar.
The function is

function OnToolbarClicked(sender, args) {

var value = args.get_item().get_value();

var ajaxManager = GetAjaxManager();

var selItemsTmp = GetSelectedItems();

alert(selItemsTmp.length);

if (value == "Submit") {

var selectedItems = GetSelectedDataItem().value;

if (selItemsTmp != null && selItemsTmp.length > 0) {

comment = GetComment();

value = value + "=" + comment;

value = value + ";Items=" + selectedItems;

GetSelectedDataItem().value = "";

ShowAlphaDiv();

ajaxManager.ajaxRequest(value);

}

else {

alert('<%=GetLocalResourceObject("SelectAtLeastOneReport")%>');

}

else if (value == "ShowHistory") {

if (selItemsTmp != null && selItemsTmp.length == 1) {

GetSelectedDataItem().value = "";

ShowAlphaDiv();

ajaxManager.ajaxRequest(value);

}

else {

alert('<%=GetLocalResourceObject("SelectJustOneReport")%>');

}

else {

GetSelectedDataItem().value = "";

ShowAlphaDiv();

ajaxManager.ajaxRequest(value);

}

Additionaly, the page has a "RadDatePicker" control:

    
            <telerik:RadDatePicker ID="radPeriodStart" Height="15px" runat="server" ClientEvents-OnDateSelected="OnDateSelected"  
        
                                                                                            style="margin-top: 0px;"/>

and an UserControl that has a RadGrid.

The error message (the error message says that an overflow have occurred in an arithmetic operation):

[Exception... "'Sys.WebForms.PageRequestManagerServerErrorException: Sys.WebForms.PageRequestManagerServerErrorException: Operação aritmética resultou em um estouro.' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)" location: "JS frame :: chrome://firebug/content/spy.js :: onHTTPSpyReadyStateChange :: line 483" data: no]
http://localhost:1769/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_HiddenField&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3apt-BR%3a3bbfe379-348b-450d-86a7-bb22e53c1978%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2008.3.1314.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3apt-BR%3aef502ffb-86f7-4d96-ad3a-fbb934d602ab%3a16e4e7cd%3aed16cbdc%3a19620875%3a1e771326%3aa7e79140%3a854aa0a7%3a874f8ea2%3a5a6d9d23%3a8674cba1%3ab7778d6c%3ac08e9f8a%3aa51ee93e%3a59462f1%3aaa288e2d%3a58366029
Line 6

P.S.: The error wasn't occurring in previous version.

Best regards,

Gilvan Calou

General Discussions

answered on 28 Jan 2009

2 answers

403 views

SubTotals by Group in RadGrid?

Hi folks:

I'm looking for the following help file (http://www.telerik.com/DEMOS/ASPNET/Prometheus/Controls/Examples/Integration/GridAndInput/DefaultCS.aspx?product=grid) to learn how to do subtotals by group (in a group footer) with RadGrid, but I get a 404 error... can anyone help me out with the new location? Even better, perhaps an example of how to:
Show a Grouping Footer
Sub-total a column in that Grouping Footer
Total or average a column for the 'entire' grid (in the grid footer) while excluding the grouping subtotals (or using only the subtotals)

Very much appreciated,
Chrysa

Grid

answered on 28 Jan 2009

4 answers

197 views

[Solved] DataFormatString - hiding data :(

Hi,

I am having a senior moment or something like that - Following is the partial grid code used to display a ClientCost field. The data coming back from database is 0.00. It has rendered it as if someone has used a eraser in the place where 0.00 should be displayed. If I remove DataFormatString and FooterAggregateFormatString then everything looks fine.

Could you please let me know why it is happening?

<telerik:GridBoundColumn DataField="ClientCost" HeaderText="Net Cost" Aggregate="Sum" DataFormatString="{0:###,###.##}" FooterAggregateFormatString="<strong>{0:###,###.##}</strong>" UniqueName="ClientCost" Groupable="False"></telerik:GridBoundColumn>

Thanks a lot.

Milan G

Grid

answered on 28 Jan 2009

3 answers

142 views

Scheduler Rotator RadAjaxLoadingPanel

I have a page that contains an instance of the scheduler. Various links/buttons on the page will cause the scheduler to reload the given appoinments.

Each time the scheduler reloads I want to display the AjaxLoadingPanel over the scheduler control.

I have this working the for an asp:LinkButton on the page but I cannot seem to wire up a RadRotator to the scheduler/AjaxLoadingPanel

Following is code that works:

    
                            <telerik:AjaxSetting AjaxControlID="panelShowAll">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="ShowAll" /> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting>

    
                                <table cellpadding="1" cellspacing="1">  
        
                                    <tr> 
        
                                        <td align="center">  
        
                                            <asp:Label ID="lblPropertyTitle" runat="server" Font-Bold="true"></asp:Label> 
        
                                            <asp:Panel ID="panelShowAll" runat="server">  
        
                                                <asp:LinkButton runat="server" ID="ShowAll" OnClick="ShowAll_Click" Text="(Show All Open Houses)" /> 
        
                                            </asp:Panel> 
        
                                        </td> 
        
                                    </tr> 
        
                                </table>

But this does not work:

    
                            <telerik:AjaxSetting AjaxControlID="propertyRotator">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting>

    
                                            <asp:Panel runat="server" ID="PropertiesPanel" HorizontalAlign="Center">  
        
                                                <table cellpadding="0" cellspacing="0">  
        
                                                    <tr> 
        
                                                        <td valign="middle">  
        
                                                            <button onclick="$find('<%=propertyRotator.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Left);" 
        
                                                                type="button" class="left">  
        
                                                            </button> 
        
                                                        </td> 
        
                                                        <td valign="middle">  
        
                                                            <telerik:RadRotator ID="propertyRotator" runat="server" Width="300px" Height="250px" ItemHeight="230px" ItemWidth="300px" RotatorType=FromCode  ScrollDuration="350" 
        
                                                                OnItemClick="propertyRotator_ItemClick" OnItemDataBound="propertyRotator_ItemDataBound"   > 
        
                                                                <ItemTemplate> 
        
                                                                    <asp:Panel runat="server" ID="ThumbnailPanel" CssClass='<%# "rsThumbnail ID" + Eval("propertyID") %>' HorizontalAlign="Center">  
        
                                                                        <asp:LinkButton runat="server" ID="LinkButton1" CommandName="DisplayPropertySchedule" CommandArgument='<%# Eval("propertyID") %>' 
        
                                                                            ToolTip='<%# Eval("title") %>'>  
        
                                                                            <asp:Image ID="Image2" runat="server" ImageUrl='<%# Eval("url") %>' 
        
                                                                            AlternateText='<%# Eval("title") %>'/>  
        
                                                                        </asp:LinkButton> 
        
                                                                        <asp:LinkButton runat="server" ID="btnPropertySchedule" Text='<%# Eval("title") %>' CommandName="DisplayPropertySchedule" CommandArgument='<%# Eval("propertyID") %>' /> 
        
                                                                        <asp:HiddenField ID="hiddenPropertyId" runat="server" Value='<%# Eval("propertyID") %>' /> 
        
                                                                    </asp:Panel> 
        
                                                                </ItemTemplate> 
        
                                                            </telerik:RadRotator> 
        
                                                        </td> 
        
                                                        <td valign="middle">  
        
                                                            <button onclick="$find('<%=propertyRotator.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Right);" 
        
                                                                type="button" class="right">  
        
                                                            </button> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                </table> 
        
                                            </asp:Panel>

Anyone have any ideas?

Thanks.

Scheduler

answered on 28 Jan 2009

6 answers

242 views

Client script not working

Hi

I am using the bellow code in my user control but iam alway geting the this.ClientID =undifined
and this.MasterTableView.SelectedRows=null

what i need to chage this code?
<script type="text/javascript">
       function GridCreated()
       {
           //gets the main table scrollArea HTLM element
           var scrollArea = document.getElementById(this.ClientID + "_GridData");
           var row = this.MasterTableView.SelectedRows[0];

           //if the position of the selected row is below the viewable grid area
           if((row.Control.offsetTop - scrollArea.scrollTop) + row.Control.offsetHeight + 20 > scrollArea.offsetHeight)
           {
               //scroll down to selected row
               scrollArea.scrollTop = scrollArea.scrollTop + ((row.Control.offsetTop - scrollArea.scrollTop) + row.Control.offsetHeight - scrollArea.offsetHeight) + row.Control.offsetHeight;
           }
           //if the position of the the selected row is above the viewable grid area
           else if((row.Control.offsetTop - scrollArea.scrollTop) < 0)
           {
               //scroll the selected row to the top
               scrollArea.scrollTop = row.Control.offsetTop;
           }
       }
</script>

Thanks
Vairam

Grid

answered on 28 Jan 2009

2 answers

123 views

[Solved] WCF WebService instead of .asmx?

Hi,

Your Menu is ace, and have just implemented a Web Service driven menu which also respects my cookie so can onyl display menu items that the user is allowed to see.

But can I take this further and instead of using a conventional .asmx service, use a basic WS bound WCF service?

Menu

answered on 28 Jan 2009

3 answers

123 views

[Solved] DynamicData/Oryx + RadGrid

I've been using the DynamicRadGrid code referenced in the blog (link) and other posts (link) in the forum, and I finally got it working with my project (seems only to work in Website projects, not Web Application projects - complains about "dynamic" tag prefix)

Now, I'm having issues with the Export functionality, where the following code only displays a blank grid and no download popup.

    
              protected void btnExport_Click(object sender, EventArgs e)  
        
              {  
        
                 GridView1.ExportSettings.IgnorePaging = true;  
        
                 GridView1.ExportSettings.OpenInNewWindow = true;  
        
                 GridView1.ExportSettings.ExportOnlyData = true;  
        
                 GridView1.MasterTableView.ExportToExcel();  
        
              }

Help!

Grid

answered on 28 Jan 2009

1 answer

147 views

AJAX Manager Proxy used in user controls

Hi,

I have a Master page in my application which contains RadAjaxManager. One of the page that uses base page has two user controls. And both the user controls have RadAjaxManagerProxy. both the userControls have different javascript methods that use:-

var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");

ajaxManager.ajaxRequest("ARGUMENTS");

and in the Page_Load of both the userControls ajaxRequest is wired to different events, like in userCtrl_1

protected void Page_Load(object sender, EventArgs e)

{

RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);

manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(RadAjaxManagerUC_Ctrl_1);

}

and in userCtrl2 pageLoad is something like this:-

protected void Page_Load(object sender, EventArgs e)

{

RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);

manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(RadAjaxManagerUC_Ctrl_2);

}

My problem is when I use both the user controls in the same page. and say userCtrl_1 fires its client side ajaxRequest the apart from execution of RadAjaxManagerUC_Ctrl_1, the second method RadAjaxManagerUC_Ctrl_2 also gets executed. Even though userControl_2 did not do anything.

Ajax

answered on 28 Jan 2009

1 answer

149 views

How is the rotator used in raeal AJAX scenarios?

I am building a small web site in which I was hoping to put a scrolling bar at the top using the rotator.
It would scroll from right to left thru all the registered users on the site.

however I notice that since I have defined a simple template in the rotetor, the rotator renders the entire template FOR EACH AND EVERY USER right in the page.

It seems to me that this couold get ugly if me site would get any popularity as this would render that same template each time

1 million users = 1 million template ( times ? number of bytes)

is there another way of doing this? AJAX perhaps?

this is what it renders foir each user:
<li class="radr_item" style="height:75px;"><div id="ctl00_UserProfilePhotoStrip1_RadRotator1_i22">




                      <div id="ctl00_UserProfilePhotoStrip1_RadRotator1_i22_panAvatar" class="UserPhotoStripPan" style="background-color:#CC66FF;border-color:#00CC00;border-width:2px;border-style:Outset;height:66px;width:90px;">


                          <div id="ctl00_UserProfilePhotoStrip1_RadRotator1_i22_Panel4">



                       <small><span id="ctl00_UserProfilePhotoStrip1_RadRotator1_i22_Label1" class="UserPhotoStripUserName" style="font-size:XX-Small;font-weight:bold;">SampleEditor</span></small>

         </div>
                          <div id="ctl00_UserProfilePhotoStrip1_RadRotator1_i22_Panel2">


               <table border="0" cellpadding="0" cellspacing="0" class="photo-frame">
                                    <tr>
                                        <td class="topx--"></td>
                                        <td class="top-x-"></td>
                                        <td class="top--x"></td>
                                    </tr>
                                    <tr>
                                        <td class="midx--"></td>
                                        <td>
                                            <img id="ctl00_UserProfilePhotoStrip1_RadRotator1_i22_Image1" src="images/ProfilePictures/SampleEditor/OriginalPic/cutie.jpg" style="width:25px;border-width:0px;" />
                                         <td class="mid--x"></td>
                                    </tr>
                                    <tr>
                                        <td class="botx--"></td>
                                        <td class="bot-x-"></td>
                                        <td class="bot--x"></td>
                                    </tr>
                                </table>

         </div>


        </div>

       </div></li>

Rotator

answered on 28 Jan 2009