Dear All,
I am using an updateprogress control in combination with an update panel.
When i am trying to call it,it's not working.
My Update Panel is-
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
<ContentTemplate>
<asp:GridView ID="InboxGrid" runat="server" EnableViewState="false" OnPageIndexChanged="InboxGrid_PageIndexChanged"
Width="100%" AutoGenerateColumns="False" PageSize="20" BorderColor="White" AllowSorting="True"
border="1" HorizontalAlign="Center" CellPadding="1" BorderWidth="1pt" CssClass="DataGridStyleNew"
BackColor="#d9e6f7">
<HeaderStyle CssClass="DataGridHeaderStyleNew"></HeaderStyle>
<Columns>
<asp:CommandField ShowDeleteButton="True" Visible="false" />
<asp:TemplateField>
<HeaderStyle Wrap="False" Height="10px" ForeColor="Green"></HeaderStyle>
<HeaderTemplate>
<asp:CheckBox ID="chkAll" Enabled="True" onclick="javascript:SelectAllCheckboxes(this);"
runat="server" AutoPostBack="false" ToolTip="Select/Deselect All" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelect" name='<%# DataBinder.Eval(Container.DataItem,"PROC_REG_NO") & "@" & DataBinder.Eval(Container.DataItem,"UserType") & "@" & DataBinder.EVal(Container.DataItem,"VER_NO")& "@" & DataBinder.Eval(Container.DataItem,"STEP_ID") & "@" & DataBinder.Eval(Container.DataItem,"HOLD_STATUS") & "@" & DataBinder.Eval(Container.DataItem,"HOLD_BY") & "@" & DataBinder.Eval(Container.DataItem,"FORM CAP") & "@" & DataBinder.Eval(Container.DataItem,"USER_ID") & "@" & DataBinder.Eval(Container.DataItem,"ORIGINATOR")%>'
onclick="javascript:HighlightRow(this);" runat="server" OnCheckedChanged="InboxGrid_CheckedChanged"
AutoPostBack="false" />
</ItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtFormNames" Rows="0" Columns="0" Width="0" Height="0" Visible="false"
runat="server" />
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
<asp:Image ID="History" runat="server" AlternateText="View Track Record" ImageUrl="..\imgs\History.ICO"
AutoPostBack="false" />
</HeaderTemplate>
<ItemTemplate>
<a href="#" name='<%# DataBinder.Eval(Container.DataItem,"PROC_REG_NO") & "@" & DataBinder.Eval(Container.DataItem,"FORM CAP")%>'
onclick="ShowHistory(name);">
<img src="../Imgs/History.ICO" border="0" alt="View Track Record"></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
<asp:Image ID="Form" runat="server" AlternateText="View Form" ImageUrl="..\imgs\ViewForm3.gif"
AutoPostBack="true" />
</HeaderTemplate>
<ItemTemplate>
<a href="#" name='<%# DataBinder.Eval(Container.DataItem,"PROC_REG_NO")& "@" & DataBinder.Eval(Container.DataItem,"UserType") & "@" & DataBinder.Eval(Container.DataItem,"VER_NO")& "@" & DataBinder.Eval(Container.DataItem,"STEP_ID") & "@" & DataBinder.Eval(Container.DataItem,"HOLD_STATUS") & "@" & DataBinder.Eval(Container.DataItem,"HOLD_BY") & "@" & DataBinder.Eval(Container.DataItem,"FORM CAP") & "@" & DataBinder.Eval(Container.DataItem,"USER_ID") & "@" & DataBinder.Eval(Container.DataItem,"ORIGINATOR") %>'
onclick="ShowVoucher(name);">
<img src="../Imgs/ViewForm3.gif" border="0" alt="View Form"></a>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<%-- <PagerStyle Width="100%" PageButtonCount="20" Mode="NumericPages"></PagerStyle>--%>
</asp:GridView>
<input type="hidden" name="txtPIDs">
<%--added by kaila for AJAX--%>
<input type="hidden" name="txtRowIndexes">
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" >
<ProgressTemplate>
<div id="Background">
</div>
<div id="Progress">
<img src="loading.gif" style="vertical-align: middle" />
Fetching Records Please Wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="clikSamePage" />
</Triggers>
</asp:UpdatePanel>
Now i am trying to call the UpdateProgress on an Input button click which is outside this Update Panel.
<input id="clikSamePage" type="button" value="Click" onclick="fDelFromSamePage(this);" />
I know i have missed something but what exactly??