
Hi Friends,
I want to display ajax loading...page, when i click button to show RadGrid. Its not working when i click a button, page was going to serverside and showed the RadGrid o/p. Now again click a button its showing the ajax loading.. My question is why its not showing first time button click. Can you please suggest me the solution.
My Code is Below: (I am using Master Page)
==================
<%@ Page Title="" Language="C#" MasterPageFile="~/Complaint.Master" AutoEventWireup="true" CodeBehind="Products.aspx.cs" Inherits="NewProducts.Products.Products" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content2" ContentPlaceHolderID="cph_Main" runat="server">
<asp:Label ID="lblPageError" Text="" runat="server" ForeColor="Red"></asp:Label>
<div id="divproducts" runat="server">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="3">
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="btnSearch">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="customerInformation" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
</td>
</tr>
<tr>
<td >Order ID</td>
<td>
<telerik:RadTextBox ID="tbOrderID" runat="server" ToolTip="Enter Order ID">
</telerik:RadTextBox>
</td>
<td >
<asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" ToolTip="Click here to Search Rolls Information" /></td>
</tr>
<tr>
<td align="center" align="center" colspan="3">
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" InitialDelayTime="0" MinDisplayTime="1000" Transparency="25" IsSticky="true">
<asp:Image ID="imgRadAjaxLoadingPanel1" runat="server" ImageUrl="~/Images/loading.gif" />
</telerik:RadAjaxLoadingPanel>
</td>
</tr>
<tr>
<td>
<asp:UpdatePanel ID="updPnlcustomerInformation" runat="server">
<ContentTemplate>
<telerik:RadPanelBar runat="server" ID="rpbRollsInformation" Skin="Metro" Width="100%">
<Items>
<telerik:RadPanelItem Value="RollsInformation" Selected="true" Text="Roll Information" runat="server" Expanded="true">
<ContentTemplate>
<div id="divRollsInformation" runat="server">
<table id="tblcustomerInformation" runat="server" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<telerik:RadGrid ID="customerInformation" runat="server" AutoGenerateColumns="false" CellPadding="0" CellSpacing="0" GridLines="None" CssClass="RadGrid_CBGrid" Skin="Metro" HorizontalAlign="Left" FooterStyle-BorderColor="Black" AutoGenerateHierarchy="true" OnItemDataBound="customerInformation_ItemDataBound">
<MasterTableView>
<NestedViewTemplate>
<uc:Comments ID="orders" runat="server" />
</NestedViewTemplate>
<Columns>
<telerik:GridTemplateColumn DataField="ID" FilterControlAltText="Filter ID column" HeaderText="ID" UniqueName="ID">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<asp:Label ID="lblID" runat="server" Text='<%# Bind("ID") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Date" FilterControlAltText="Filter Date column" HeaderText="Date" UniqueName="Date">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<asp:Label ID="lblDate" runat="server" Text='<%# Bind("Date") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="order_id" FilterControlAltText="Filter order_id column" HeaderText="Order" UniqueName="order_id">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<asp:Label ID="lblorder_id" runat="server" Text='<%# Bind("order_id") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Product Type">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<telerik:RadComboBox ID="cboProduct" runat="server" AutoPostBack="true" OnSelectedIndexChanged="cboProduct_OnSelectedIndexChanged">
</telerik:RadComboBox>
<asp:Label ID="lblProduct" Visible="false" runat="server" Text='<%# Bind("product") %>'></asp:Label>
<asp:CompareValidator runat="server" ID="CompaValcboProduct" ValueToCompare="-Select-" Operator="NotEqual" ControlToValidate="cboProduct" ErrorMessage="Select ProductType" Text="*" ValidationGroup="Save" ForeColor="Red" Visible="false" />
<telerik:RadTextBox ID="tbProduct" runat="server" Visible="false">
</telerik:RadTextBox>
<asp:RequiredFieldValidator ID="rfvtbProduct" runat="server" ControlToValidate="tbProduct" ValidationGroup="Save" ErrorMessage="Enter Procuct Type" Text="*" ForeColor="Red" Enabled="false"></asp:RequiredFieldValidator>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings EnableRowHoverStyle="true">
<%--<Scrolling AllowScroll="true" SaveScrollPosition="true" UseStaticHeaders="true" />--%>
</ClientSettings>
</telerik:RadGrid>
</td>
</tr>
</table>
</div>
</ContentTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</div>
</asp:Content>
Thanks,
NTR


<
script language="javascript" type="text/javascript">
function ddl_Lookup_clientblur(sender, eventArgs) {
var text = sender.get_text();
var item = sender.findItemByText(text);
var inputElement = sender.get_inputDomElement();
if (!item)
sender.clearSelection();
}
</
script>
<%
--OnClientBlur="ddl_Lookup_clientblur" --%>
<asp:HiddenField ID="hidSourceid" runat="server" />
<telerik:RadComboBox ID="ddl_Lookup" runat="server" DropDownWidth="400px"
ItemsPerRequest="25" EnableLoadOnDemand="true" Width="324px" MarkFirstMatch="true"
EnableViewState="true" HighlightTemplatedItems="true" AllowCustomText="true"
EnableItemCaching="true" ShowMoreResultsBox="true"
ItemRequestTimeout="250" EnableVirtualScrolling="true"
DataTextField="IndentNo" DataValueField="IndentNo" OnItemsRequested="ddl_Lookup_ItemsRequested"
OnItemDataBound="ddl_Lookup_ItemDataBound" EmptyMessage="Please select IndentNo."
OnClientBlur="ddl_Lookup_clientblur"
onselectedindexchanged="ddl_Lookup_SelectedIndexChanged">
<HeaderTemplate>
<ul>
<li class="col1">Indent No.</li>
<li class="col1">Date</li>
<%
-- <li class="col1">GrowerType</li>--%>
<li class="col1">Grower</li>
</ul>
</HeaderTemplate>
<ItemTemplate>
<ul>
<li class="col1">
<%
# DataBinder.Eval(Container.DataItem, "IndentNo")%>
</li>
<li class="col1">
<%
# DataBinder.Eval(Container.DataItem, "IndentDate", "{0:" + ConfigurationManager.AppSettings["LongDatePattern"].ToString() + "}")%></li>
<%
-- <li class="col1">
<%# DataBinder.Eval(Container.DataItem, "GrowerType")%>
</li>--
%>
<li class="col1">
<%
# DataBinder.Eval(Container.DataItem, "Grower")%>
</li>
 
<%
-- <li class="col1">
<%# DataBinder.Eval(Container.DataItem, "DocumentDate", "{0:" + ConfigurationManager.AppSettings["LongDatePattern"].ToString() + "}")%></li>--
%>
</ul>
</ItemTemplate>
</
telerik:RadComboBox>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplicationRadGridCheckBox._Default" %><%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> </head><body> <telerik:RadScriptBlock ID="RadScriptBlockTipoDocumentoDetails" runat="server"> <script type="text/javascript"> function Add(sender, eventArgs) { var grid = $find("<%=RadGridTest.ClientID %>"); var mt = grid.get_masterTableView(); var items = mt.get_dataItems(); var source = new Array(); var item = { Field1: false, Field2: "new item 1!!!" }; source[source.length] = item; var item2 = { Field1: false, Field2: "new item 2!!!" }; source[source.length] = item2; mt.set_dataSource(source); mt.dataBind(); } function gridRowBound (sender, args) { var checkbox = args.get_item().findElement("Field1"); if (checkbox && checkbox != null) { checkbox.checked = args.get_dataItem().Field1 == "True"; } } function gridRowCreated (sender, args) { var checkbox = args.get_item().findElement("Field1"); if (checkbox && checkbox != null) { checkbox.checked = args._gridDataItem.getDataKeyValue("Field1") == "True"; } } </script> </telerik:RadScriptBlock> <form id="form1" runat="server"> <asp:ScriptManager runat="server" ID="ScriptManager1"/> <div> <telerik:RadButton ID="RadButton1" runat="server" Text="Add" OnClientClicked="Add" UseSubmitBehavior="false" AutoPostBack="false"/> <telerik:RadGrid ID="RadGridTest" runat="server" AutoGenerateColumns="false" AllowMultiRowSelection="true" Height="200px"> <MasterTableView Caption="" ClientDataKeyNames="Field1,Field2" DataKeyNames="Field1,Field2"> <Columns> <telerik:GridTemplateColumn> <ItemTemplate> <asp:CheckBox ID="Field1" runat="server"/> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn HeaderText="Field2" DataField="Field2"/> </Columns> </MasterTableView> <ClientSettings EnableRowHoverStyle="true" > <Selecting AllowRowSelect="true" /> <Scrolling AllowScroll="True" SaveScrollPosition="True"/> <ClientEvents OnRowDataBound="gridRowBound" OnRowCreated="gridRowCreated"/> </ClientSettings> </telerik:RadGrid> </div> </form></body></html>using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;namespace WebApplicationRadGridCheckBox{ public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { List<TestClass> lista = new List<TestClass>() { new TestClass() { Field1 = true, Field2 = "JOJO" } }; RadGridTest.DataSource = lista; RadGridTest.DataBind(); } } public class TestClass { public Boolean Field1 { get; set; } public String Field2 { get; set; } }}