Rad Ajax Loading panel in grid template column.

[Anwar]

Hi friends,
I have used RadGrid with id="gvWeblunchMenuItems" in a webpage.In this i have implemented gridTemplate column as follows,

<telerik:GridTemplateColumn AllowFiltering="False" ShowFilterIcon="False" HeaderText="Edit Assigned Schools"   UniqueName="TemplateColumn1" FilterControlWidth="30px">
<ItemTemplate>
   <telerik:RadComboBox ID="rcschools" runat="server" Height="150px" Width="150px" DropDownWidth="200px"            Text=" -  Select Schools - " HighlightTemplatedItems="true"  MarkFirstMatch="true"
EnableLoadOnDemand="true" Visible="true" OnClientFocus="OnFocus" EnableViewState="true"  ToolTip="Create" EmptyMessage="select" OnClientDropDownClosing="">
      <ItemTemplate>
            <table width="150px" border="0" cellspacing="1" cellpadding="0">
                 <tr>
                      <td align="left" width="50px"><asp:CheckBox runat="server" ID="chk1" Checked="false" /></td>
                      <td align="left" width="150px"><asp:Label ID="lblSchoolname" runat="server" Text='<%#Eval("SchoolName")%>'></asp:Label>
                        <asp:HiddenField ID="hdAvailableSchoolID" runat="server" Value='<%#Eval("Id") %>' /></td>
                 </tr>
               </table>
       </ItemTemplate>
       <FooterTemplate>
            <center><asp:ImageButton ID="imgbtnAssign" ImageUrl="~/image/save_btn.gif"  runat="server" OnClick="imgbtnAssign_click" /></center>
       </FooterTemplate>
            </telerik:RadComboBox>
</ItemTemplate>
</telerik:GridTemplateColumn>

in the above when i click on imgbtnAssign( imagebutton in footer template) i am getting AjaxLoading panel.
Ajax setting i have written are....

  <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManager ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1"
        runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="gvWeblunchMenuItems">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="gvWeblunchMenuItems" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="imgbtnAssign">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="gvWeblunchMenuItems" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

here my problem is, i am getting loading panel only  once when i click  on imagebutton in footer template .On next time i am not getting..

i don't know why its like that...

plese help me..

Thaks & Regards
Anwar

[Jayesh Goyani]

Hello,

try with below code snippet.

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
       </telerik:RadAjaxLoadingPanel>
       <telerik:RadAjaxManager ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1"
           runat="server">
           <AjaxSettings>
               <telerik:AjaxSetting AjaxControlID="gvWeblunchMenuItems">
                   <UpdatedControls>
                       <telerik:AjaxUpdatedControl ControlID="gvWeblunchMenuItems" />
                   </UpdatedControls>
               </telerik:AjaxSetting>
           </AjaxSettings>
       </telerik:RadAjaxManager>

Note needed to assign Ajaxsettings to  imgbtnAssign also.

It will automatically applied.

Thanks,
Jayesh Goyani

[Anwar]

Hi Jayesh,

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">

       </telerik:RadAjaxLoadingPanel>

       <telerik:RadAjaxManager ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1"

           runat="server">

           <AjaxSettings>

               <telerik:AjaxSetting AjaxControlID="gvWeblunchMenuItems">

                   <UpdatedControls>

                       <telerik:AjaxUpdatedControl ControlID="gvWeblunchMenuItems" />

                   </UpdatedControls>

               </telerik:AjaxSetting>

           </AjaxSettings>

       </telerik:RadAjaxManager>
These settings are working for paging of RadGrid.
But its not working when i click Save button in Dropdown
(i.e i am not getting loading panel on clicking on it)

[Jayesh Goyani]

Hello,

Can you please attach your project or code ?

Thanks,
Jayesh Goyani

[Anwar]

Hi jayesh,

     protected void gvWeblunchMenuItems_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)
        {
            Telerik.Web.UI.RadComboBox RCSchools = (RadComboBox)e.Item.FindControl("rcschools");
            
            if (e.Item is GridDataItem)
            {
                GridDataItem item = (GridDataItem)e.Item;
                RadComboBox combo = (RadComboBox)item.FindControl("RCSchools");
                combo.Attributes.Add("Index", e.Item.ItemIndex.ToString());
               
                RadAjaxManager1.AjaxSettings.AddAjaxSetting(combo.Footer.FindControl("imgbtnAssign"), gvWeblunchMenuItems, RadAjaxLoadingPanel1);
            }
 
        }
gvWeblunchMenuItems is my radGrid id.
I have applied Ajaxsettings like above to imgbtnAssign button.
Here i am getting loading panel on alternate clicks.
I mean when on 1st click i will get loading ,for 2ed i am not getting and again for 3rd i il get loading panel..... for above code
I think some logic is going wrong.
Where i have to set ajax settings to imgbtnAssign.


Thanks,
Anwar