This is a migrated thread and some comments may be shown as answers.

RadAjaxLoading Panel not stopping

5 Answers 283 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Dinesh asked on 19 Feb 2014, 12:11 PM

loadingpanel.png

Hi ,
We have implemented a RadGrid and are using RadAjaxManager for using RadAjaxLoadingPanel for the Grid .
Radgrid is inside update panel /Not using RadAjaxPanel.
Here is the markup for RadAjaxManager :
<telerik:RadAjaxManager runat="server"
DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="gridCheckListDetails">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="gridCheckListDetails"
LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelCssClass="" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

and code for RadAjaxLoading Panel along with grid

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

<telerik:RadGrid ID="gridCheckListDetails" runat="server" EnableLinqExpressions="False"
AllowFilteringByColumn="True" AllowPaging="True"
AllowSorting="True" CellSpacing="0" GridLines="None" OnNeedDataSource="gridCheckListDetails_NeedDataSource"
PageSize="20" AllowMultiRowSelection="True"
AutoGenerateColumns="False" Skin="Windows7"
OnItemDataBound="gridCheckListDetails_ItemDataBound"
OnItemCreated="gridCheckListDetails_ItemCreated"
onpageindexchanged="gridCheckListDetails_PageIndexChanged"
onpagesizechanged="gridCheckListDetails_PageSizeChanged" >

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">
<Selecting AllowRowSelect="True" />

<ClientEvents OnRowSelecting="RowSelecting" />
<ClientEvents OnRowCreated="RowCreated" />


</ClientSettings>

<MasterTableView AllowMultiColumnSorting="true"
ClientDataKeyNames="fncanModifyTask" DataKeyNames="TaskID,CheckListID"
GridLines="Horizontal" Name="TaskTable" TableLayout="Fixed">

<RowIndicatorColumn Visible="False">
</RowIndicatorColumn>

<Columns>
<telerik:gridclientselectcolumn UniqueName="SelectBox" >
<HeaderStyle Height="14px" Width="25px" />
</telerik:GridClientSelectColumn>
<telerik:gridimagecolumn AllowFiltering="false" AllowSorting="false" DataImageUrlFields="TaskIsAtRisk"
DataImageUrlFormatString="~/Images/isatrisk/{0}.gif" HeaderText="TaskIsAtRisk"
ItemStyle-Height="7" ItemStyle-Width="5" Visible="false">
<HeaderStyle Height="14px" Width="20px" />
<ItemStyle Height="14px" Width="7px" />

</telerik:GridImageColumn>
<telerik:gridimagecolumn AllowFiltering="false" AllowSorting="false"
DataImageUrlFields="TaskIsMileStone"
DataImageUrlFormatString="~/Images/ismilestone/{0}.png"
HeaderText="TaskIsMileStone" ItemStyle-Height="7" ItemStyle-Width="5"
ShowFilterIcon="false" ShowSortIcon="false" Visible="false">
<HeaderStyle Height="14px" Width="25px" />
<ItemStyle Height="14px" Width="7px" />
</telerik:GridImageColumn>
<telerik:gridimagecolumn AllowFiltering="false" AllowSorting="false"
DataImageUrlFields="hasDocuments"
DataImageUrlFormatString="~/Images/hasdocuments/{0}.jpg"
HeaderText="hasDocuments" ItemStyle-Height="7" ItemStyle-Width="5"
ShowFilterIcon="false" ShowSortIcon="false" Visible="false">
<HeaderStyle Height="14px" Width="20px" />
<ItemStyle Height="14px" Width="7px" />
</telerik:GridImageColumn>
<telerik:gridhyperlinkcolumn DataNavigateUrlFields="TaskID,CheckListID"
DataNavigateUrlFormatString="~/TaskDetail.aspx?TaskID={0}&CheckListID={1}"
DataTextField="TaskName" FilterControlWidth="200px" HeaderText="TaskName"
ItemStyle-CssClass="LinkBlue11" ItemStyle-HorizontalAlign="Left"
UniqueName="TaskName" Visible="false">
<ItemStyle CssClass="LinkBlue11" />
<ItemStyle Width="400px" />
<HeaderStyle Width="400px" />
</telerik:GridHyperLinkColumn>
<telerik:gridboundcolumn DataField="AssignedUsers" HeaderText="AssignedUsers"
Visible="false" ItemStyle-Width="700px">
<ItemStyle Width="150px" />
<HeaderStyle Width="150px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="TeamName" HeaderText="TeamName"
Visible="false">
<FilterTemplate>
<telerik:RadComboBox ID="Teamfilter" runat="server"
OnPreRender="TeamName_PreRender"
OnSelectedIndexChanged="TeamName_SelectedIndexChanged"
OnClientSelectedIndexChanged="TeamIndexChanged" AppendDataBoundItems="true" DataTextField="TeamName"
DataValueField="TeamName" Height="200px" Width="100px"
SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("TeamName").CurrentFilterValue %>'
AutoPostBack="true">
<Items>
<telerik:radcomboboxitem Text="All" />
</Items>

</telerik:RadComboBox>




</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="TaskEndDate" HeaderText="TaskEndDate"
FilterControlWidth="110px" DataFormatString="{0:d}" Visible="false">
<FilterTemplate>
<telerik:raddatepicker ID="TaskEndDatePicker" runat="server" Width="100px"
ClientEvents-OnDateSelected="DateSelected"
DbSelectedDate='<%# SetEndDate(Container) %>' />

</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="TaskStartDate" HeaderText="TaskStartDate"
FilterControlWidth="110px" DataFormatString="{0:d}"
Visible="false">
<FilterTemplate>
<telerik:raddatepicker ID="TaskStartDatePicker" runat="server" Width="100px"
ClientEvents-OnDateSelected="StartDateSelected"
DbSelectedDate='<%# SetStartDate(Container) %>' />

</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn AllowFiltering="false" AllowSorting="false"
ShowFilterIcon="false" ShowSortIcon="false" DataField="StartTime" HeaderText="StartTime"
Visible="false">
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn AllowFiltering="false" AllowSorting="false"
ShowFilterIcon="false" ShowSortIcon="false" DataField="EndTime" HeaderText="EndTime"
Visible="false">
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="TaskStageText" HeaderText="TaskStageText"
UniqueName="TaskStageText" Visible="false">
<FilterTemplate>
<telerik:RadComboBox ID="Stagefilter" runat="server"
AppendDataBoundItems="true"
OnClientSelectedIndexChanged="StageIndexChangedStage"
OnPreRender="StageName_PreRender" OnSelectedIndexChanged="StageName_SelectedIndexChanged"
DataTextField="TaskStageText" DataValueField="TaskStageText"
Height="200px" Width="100px"
SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("TaskStageText").CurrentFilterValue %>'
AutoPostBack="true" >
<Items>
<telerik:radcomboboxitem Text="All" />
</Items>
</telerik:RadComboBox>

</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn AllowFiltering="false" AllowSorting="false"
ShowFilterIcon="false" ShowSortIcon="false" DataField="TaskGracePeriod"
HeaderText="TaskGracePeriod" Visible="false">

</telerik:GridBoundColumn>
<telerik:gridimagecolumn AllowFiltering="false" AllowSorting="false"
DataImageUrlFields="Status" DataImageUrlFormatString="~/Images/{0}.png"
HeaderText="Status" ShowFilterIcon="false" ShowSortIcon="false">
<HeaderStyle Height="14px" Width="50px" />
<ItemStyle Height="14px" Width="7px" />
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridImageColumn>
<telerik:gridboundcolumn DataField="TaskTypeName" HeaderText="TaskTypeName"
Visible="false">
<FilterTemplate>
<telerik:RadComboBox ID="Typefilter" runat="server"
AppendDataBoundItems="true" DataTextField="TaskTypeName"
OnClientSelectedIndexChanged="TypeIndexChanged" OnPreRender="Type_PreRender" OnSelectedIndexChanged="Type_SelectedIndexChanged"
DataValueField="TaskTypeName" Height="200px" Width="100px"
SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("TaskTypeName").CurrentFilterValue %>'
AutoPostBack="true" >
<Items>
<telerik:radcomboboxitem Text="All" />
</Items>
</telerik:RadComboBox>

</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="BusinessUnitsName"
HeaderText="BusinessUnitsName" UniqueName="BusinessUnitsName"
Visible="false">
<FilterTemplate>
<telerik:RadComboBox ID="BUfilter" runat="server"
AppendDataBoundItems="true" DataTextField="BusinessUnitsName"
OnClientSelectedIndexChanged="BUIndexChanged" OnPreRender="BUName_PreRender" OnSelectedIndexChanged="BUName_SelectedIndexChanged"
DataValueField="BusinessUnitsName" Height="200px"
Width="100px"
SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("BusinessUnitsName").CurrentFilterValue %>'
AutoPostBack="true" >
<Items>
<telerik:radcomboboxitem Text="All" />
</Items>
</telerik:RadComboBox>

</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="TaskGroup" HeaderText="TaskGroup"
Visible="false">
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn AllowFiltering="false" AllowSorting="false"
ShowFilterIcon="false" ShowSortIcon="false" DataField="Name" HeaderText="Name"
Visible="false">
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="TaskPriorityName"
HeaderText="TaskPriorityName" Visible="false">
<FilterTemplate>
<telerik:RadComboBox ID="Priorityfilter" runat="server"
AppendDataBoundItems="true" DataTextField="TaskPriorityName"
OnClientSelectedIndexChanged="PriorityIndexChanged"
OnPreRender="Priority_PreRender" OnSelectedIndexChanged="Priority_SelectedIndexChanged"
DataValueField="TaskPriorityName" Height="200px" Width="100px"
SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("TaskPriorityName").CurrentFilterValue %>'
AutoPostBack="true" >
<Items>
<telerik:radcomboboxitem Text="All" />
</Items>
</telerik:RadComboBox>

</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn AllowFiltering="false" AllowSorting="false"
ShowFilterIcon="false" ShowSortIcon="false" DataField="Title"
HeaderText="Title" Visible="false">
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="IssueCategory" HeaderText="IssueCategory"
Visible="false">
<FilterTemplate>
<telerik:RadComboBox ID="Issuefilter" runat="server" AppendDataBoundItems="true"
DataTextField="IssueCategory" DataValueField="IssueCategory"
Height="200px" Width="100px" OnClientSelectedIndexChanged="IssuefilterIndexChanged"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("IssueCategory").CurrentFilterValue %>' >
<Items>
<telerik:radcomboboxitem Text="All" />
</Items>
</telerik:RadComboBox>

</FilterTemplate>
<ItemStyle Width="120px" />
<HeaderStyle Width="120px" />
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="CheckListID" HeaderText="CheckListID"
Visible="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="TaskID" HeaderText="TaskID" Visible="false">
</telerik:GridBoundColumn>
<telerik:gridboundcolumn DataField="fncanModifyTask"
HeaderText="fncanModifyTask" UniqueName="fncanModifyTask" Visible="false">
</telerik:GridBoundColumn>

</Columns>

</MasterTableView>
<PagerStyle Mode="NextPrevAndNumeric" PageSizes="60" ></PagerStyle>

</telerik:RadGrid>

Please tell me how to fix this , i have attached screenshot of stuck screen , we need loading panel in case of column filtering , this was working until the recent update.When we apply filter the loading panel keeps on going , while in background i can see results.

5 Answers, 1 is accepted

answered on 19 Feb 2014, 12:45 PM

Hi Dinesh,

I was not able to replicate the issue at my end. Can you please try the below code snippet and check if it works fine at your end.

ASPX:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="gridCheckListDetails">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="gridCheckListDetails" LoadingPanelID="RadAjaxLoadingPanel1"

UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="gridCheckListDetails" runat="server" EnableLinqExpressions="False" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" CellSpacing="0" GridLines="None" DataSourceID="SqlDataSource1" PageSize="20" AllowMultiRowSelection="True" AutoGenerateColumns="False" Skin="Windows7">

<ClientSettings Selecting-AllowRowSelect="true">

</ClientSettings>

<MasterTableView DataKeyNames="OrderID" GridLines="Horizontal" TableLayout="Fixed">

<Columns>

<telerik:GridClientSelectColumn UniqueName="SelectBox">

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="OrderID" HeaderText="OrderID" Visible="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ShipCity" DataField="ShipCity" HeaderText="ShipCity">

<FilterTemplate>

<telerik:RadComboBox ID="RadComboBoxCity" DataSourceID="SqlDataSource1" DataTextField="ShipCity"

DataValueField="ShipCity" AppendDataBoundItems="true"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("ShipCity").CurrentFilterValue %>' runat="server" OnClientSelectedIndexChanged="CityIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="All" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">

<script type="text/javascript">

function CityIndexChanged(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

tableView.filter("ShipCity", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="false" AllowSorting="false" ShowFilterIcon="false" ShowSortIcon="false" DataField="ShipVia" HeaderText="ShipVia" Visible="true">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Thanks,
Princy