telerik:RadGrid runat="server"

ID="grdActions"

AllowPaging="false"

Width="750px"

AutoGenerateColumns="false"

Skin="Office2007"

DataSourceID="TaskActionsDataSource"

OnPreRender="grdActions_PreRender"

OnItemCommand="grdActions_ItemCommand"

OnRowDrop="grdActions_RowDrop"

OnItemDataBound="grdActions_ItemDataBound"

>

<ClientSettings EnableAlternatingItems="true"

EnableRowHoverStyle="true"

AllowExpandCollapse="false"

AllowRowsDragDrop="true"

>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataKeyNames="Id" TableLayout="Fixed"

AllowMultiColumnSorting="false"

AllowFilteringByColumn="false"

AlternatingItemStyle-BackColor="#F2F3F5"

>

<DetailTables>

<telerik:GridTableView HeaderStyle-BackColor="Beige" CommandItemStyle-BackColor="Beige"

Name="DetailsTable"

DataSourceID="ActionModuleCollectionDataSource"

DataKeyNames="Id"

AutoGenerateColumns="false"

CommandItemDisplay="Top"

TableLayout="Fixed"

HeaderStyle-CssClass="hideGridHeader"

NoDetailRecordsText="There is no training, meeting or procurement attached to the action above"

CssClass="detailGridMargin"

>

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<asp:LinkButton ID="btnAddTraining" runat="server" CommandName="AddTraining" Font-Names="Tahoma" Font-Size="11px"><img style="border:0px; width: 25px; height: 17px; vertical-align:middle;" alt="" src="../Images/add_training.png" />Add Training</asp:LinkButton>&nbsp;&nbsp;

<asp:LinkButton ID="btnAddMeeting" runat="server" CommandName="AddMeeting" Font-Names="Tahoma" Font-Size="11px"><img style="border:0px; width: 25px; height: 17px; vertical-align:middle;" alt="" src="../Images/add_meeting.png" />Add Meeting</asp:LinkButton>&nbsp;&nbsp;

<asp:LinkButton ID="btnAddProcurement" runat="server" CommandName="AddProcurement" Font-Names="Tahoma" Font-Size="11px"><img style="border:0px; width: 25px; height: 17px; vertical-align:middle;" alt="" src="../Images/add_procurement.png" />Add Procurement</asp:LinkButton>&nbsp;&nbsp;

</div>

</CommandItemTemplate>

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="Id" MasterKeyField="Id" />

</ParentTableRelation>

<Columns>

<telerik:GridBoundColumn UniqueName="ModuleType" DataField="ModuleType" HeaderStyle-Width="100px"></telerik:GridBoundColumn>

DataTextField="Title" DataNavigateUrlFields="Id" DataNavigateUrlFormatString="../Meeting/Meeting.aspx?actionId={0}&ViewMode=ReadOnly"

>

</telerik:GridHyperLinkColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn

DataField="SortCode"

Visible="true"

HeaderText="#"

HeaderStyle-Width = "30"

ItemStyle-Font-Bold="true"

ItemStyle-Font-Names="Tahoma"

>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" InitializeTemplatesFirst="false">

<HeaderTemplate>

<table id="Table1" cellspacing="0" cellpadding="0" border="0">

<tr>

<td colspan="0">

<b>Action Details</b>

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td style="border-width: 0px;"><input type="hidden" id="hiddenActionId" value="<%# Eval("Id") %>" /></td>

</tr>

<tr>

<td colspan="6" style="width: 200px; font-size: 12px; font-family: Tahoma;">

<b>Name:&nbsp;</b><%# Eval("Description") %> (<%# Eval("TypeName") %>) <%# Convert.ToBoolean(Eval("Location").Equals("")) ? "" : ":: " + Eval("Location")%>

</td>

<td align="right">

<img src="../images/status_<%# Eval("StatusName")%>.png" alt="<%# Eval("StatusName")%>" />

</td>

</tr>

<tr>

<td colspan="4" style="width: 250px; font-size: 12px; font-family: Tahoma;">

<b>Output:&nbsp;</b> <%# Eval("Output") %>

</td>

<td rowspan="3" style="width: 50px; font-size: 12px; font-family: Tahoma;" align="center">

<img src="../images/status_<%# Convert.ToBoolean(Eval("NoBudgetFlag")) ? "nobudget" : "budget" %>.png"

alt='<%# Convert.ToBoolean(Eval("NoBudgetFlag")) ? "No budget required for this action" : "Budget estimation required for this action" %>' />

</td>

<td colspan="2" rowspan="3" style="width: auto; font-size: 12px; font-family: Tahoma;" align="center">

# Eval("TotalEstimationInDollar") %> &nbsp;&nbsp;&nbsp;&nbsp; <%# Eval("TotalEstimationInEuro") %>

<br />

if (iViewBudget == 0)

{ %>

<a href="#" onclick="openRadWindowEstimation('<%# DataBinder.Eval(Container.DataItem, "Id") %>'); return false;" id="linkEstimation" class="smallFont" style="font-size: 9px; font-weight:bold; font-family: Tahoma; color: #0099FF;">[VIEW/MODIFY BUDGET]</a><% } %>

</td>

</tr>

<tr>

<td colspan="4" style="font-size: 12px; font-family: Tahoma;">

<b>Date:&nbsp;</b> <%# Eval("StartDate") %> <%# Convert.ToBoolean(Eval("CompletionDate").Equals("")) ? "" : " to " + Eval("CompletionDate") %>

</td>

</tr>

<tr>

<td colspan="4" style="font-size: 12px; font-family: Tahoma;">

<b>Comment:&nbsp;</b> <%# Eval("Comment") %>

</td>

</tr>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script language="javascript" type="text/javascript">

function RefreshFinancialRelatedGrids(RadWindow) {

$find(

'<%=this.RadAjaxManager1.ClientID%>').ajaxRequest("Rebind");

}

function openRadWindowEstimation(actionId) {

// var lnkProbisWindow = document.getElementById("ctl00_messagePanelsContent_contentPlaceHolder_fvTaskDetail_linkEstimation");

// var hdnViewmodifyBudget = document.getElementById("ctl00_messagePanelsContent_contentPlaceHolder_fvTaskDetail_hdnViewmodifyBudget");

//

// if (hdnViewmodifyBudget.value == "1")

// lnkProbisWindow.enabled = false;

// else {

var oWnd = radopen("Task_Estimation.aspx?actionid=" + actionId + "&disableMaster=1", "RadWindowTaskEstimation");

oWnd.Center();

//}

</script>

</telerik:RadCodeBlock>

<telerik:RadWindowManager ID="RadWindowManagerTaskEstimation" runat="server" Modal="true">

<Windows>

<telerik:RadWindow ID="RadWindowTaskEstimation" runat="server"

DestroyOnClose="true" Modal="true"

Skin="Vista" Animation="None" ShowContentDuringLoad="false" VisibleStatusbar="false"

KeepInScreenBounds="true" Width="1000px" Height="750px" Behavior="Close" />

</Windows>

</telerik:RadWindowManager>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

I have an ASP.NET web page with two postback events and the second one is aborting the first. The second one then doesn't render as expected once it completes.

In Detail

I have an ASP.NET web page that effectively contains two link buttons. It uses the Telerik ASP.NET AJAX controls, but I'm not sure if the behaviour is specfic to these controls:

The Page - an extremely cut-down version is as follows:

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" 
  Position="BottomLeft" RelativeTo="Element" ShowEvent="OnClick"  
  HideEvent="ManualClose" Animation="Fade" OnAjaxUpdate="OnShowItems" >   
     <TargetControls> 
          <telerik:ToolTipTargetControl TargetControlID="btnShowItems" /> 
     </TargetControls> 
</telerik:RadToolTipManager> 
... 
... 
<asp:LinkButton ID="btnShowItems" runat="server" Visible="false"> 
     <span><%= ItemsPrompt %></span> 
</asp:LinkButton> 
... 
... 
<uc1:X ID="XControl" runat="server"/>

The UserControl "X" - an extremely cut-down version is as follows:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" 
  LoadingPanelID="LoadingPanel1" RenderMode="Block"> 
    <asp:LinkButton runat="server" ID="CausePostbackButton"  
      Style="display: none" /> 
</telerik:RadAjaxPanel> 

Use Case #1 - successful

1. The page loads and a JavaScript timer within Control "X" activates a postback on the LinkButton "CausePostbackButton" [eval(__doPostBack(postbackButtonClientID,''));]. (So, this mimics a user clicking the button).
2. The AJAX call goes to the Server and n seconds later it returns and results in the page updating in a particular way.
3. The user then clicks the LinkButton "btnShowItems" which causes a post-back to the Server and n' seconds later it returns and results in the page updating in a particular way.

Use Case #2 - failure

1. The page loads and a JavaScript timer within Control "X" activates a postback on the LinkButton "CausePostbackButton". (So, this mimics a user clicking the button).

2. Before the server has time to respond, the User clicks on the LinkButton "btnShowItems".

3. In FireFox/Firebug, you can see that the first post-back event is "Aborted". The second post-back event completes (you can see the time taken reported) but the page is not visually updated.

4. If the "manual" button is then clicked again, then that works as expected.

My thoughts

• I know that JavaScript is single threaded, so if events can't be run immediately then they are queued.

• I know that if a timer fires an event that is queued and then fires the same event whilst the first event is still queued, then one of these events (the second?) will be dropped.

• This is acting as if the first event is being trashed, but then the second event can no longer find its "channel" to write to.

However, if I change the "manual" Link Button to an Image Button then the behaviour does not change.

Any ideas what the problem is (and ideally a solution)?

Many thanks in advance

Griff