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

[Solved] RadGrid's PageSize dropdown disabled when...

2 Answers 200 Views

Grid

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

Razak asked on 13 Jun 2013, 09:48 PM

Snap1.png

I'm having a problem with RadGrid's page size dropdown being disabled after databinding. I'm using Telerik RadControls AJAX version 2013.1.514.45.

The scenario is as follows:-

The page contains :
1. RadAjaxManager and EnableAJAX=true
2. CustomValidator
3. RadWindow

So far, if I remove any one of the above, the problem disappears. In addition, if the RadGrid is bound when the page loads, the dropdown works too. But I'm binding it on button click (postback).

MasterPage:

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Main.master.vb" Inherits="RadGridProblem.Main" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script src="Scripts/jquery-1.9.1.min.js"></script>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="1800" EnableEmbeddedjQuery="false">

</telerik:RadScriptManager>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</form>

</body>

</html>

The Test page:

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Main.Master"

CodeBehind="Search3.aspx.vb" Inherits="RadGridProblem.GuestSearch3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="cmdSearch">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlContent" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="cmdKembali">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlContent" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgKonkordan">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgKonkordan" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel ID="pnlContent" runat="server">

<asp:Panel ID="pnlForm" runat="server" DefaultButton="cmdSearch">

<table class="Standard">

<tr>

<td style="padding-top: 15px;">

Kata

</td>

<td>

<asp:TextBox ID="txtKata" runat="server" Width="200px" />

<asp:Button ID="cmdSearch" runat="server" Text="Cari" />

<asp:CustomValidator ID="cvSearchStr" runat="server" ControlToValidate="txtKata">

</asp:CustomValidator>

</td>

</tr>

</table>

<hr />

</asp:Panel>

<asp:Panel ID="pnlResult" runat="server">

<asp:Button ID="cmdKembali" runat="server" Text="Kembali" />

<telerik:RadGrid ID="rgKonkordan" runat="server" AutoGenerateColumns="False" AllowPaging="True">

<MasterTableView>

<Columns>

<telerik:GridTemplateColumn HeaderText="Kata">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

<ItemTemplate>

<asp:HyperLink ID="lnkKata" runat="server" ForeColor="RoyalBlue" NavigateUrl="#" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Panel>

<telerik:RadWindow ID="rwAsyncProcessWindow" runat="server" ShowContentDuringLoad="false" Width="500px"

Height="400px" Behaviors="None" Modal="true" VisibleStatusbar="false" VisibleTitlebar="false">

</telerik:RadWindow>

<script type="text/javascript">

function validateSearchStr(source, args) {

args.IsValid = true;

}

</script>

</asp:Content>

Test page code behind:

Imports Telerik.Web.UI

Partial Public Class GuestSearch3

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not IsPostBack Then

pnlResult.Visible = False

End If

End Sub

Private Sub cmdSearch_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles cmdSearch.Click

rgKonkordan.CurrentPageIndex = 0

rgKonkordan.Rebind()

pnlForm.Visible = False

pnlResult.Visible = True

End Sub

Private Sub RadGrid1_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rgKonkordan.NeedDataSource

Dim d As New List(Of Integer)

For i As Integer = 1 To 100

d.Add(i)

Next

rgKonkordan.DataSource = d

End Sub

Private Sub rgKonkordan_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles rgKonkordan.ItemDataBound

If TypeOf e.Item Is GridDataItem Then

Dim itm As GridDataItem = CType(e.Item, GridDataItem)

Dim lnkKata As HyperLink = CType(itm.FindControl("lnkKata"), HyperLink)

lnkKata.Text = "kata"

lnkKata.Attributes.Add("onclick", String.Concat("viewKata('", 1 & "', '" & 1000 & "'); return false;"))

End If

End Sub

Private Sub cmdKembali_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles cmdKembali.Click

pnlForm.Visible = True

pnlResult.Visible = False

End Sub

End Class

Checking on the console, JS errors were thrown as shown in the attachment.

Please respond on how to solve this. Thanks.

2 Answers, 1 is accepted

answered on 18 Jun 2013, 12:21 PM

Hi,

I tried to replicate the issue you are facing but to no avail. On my side everything is working as expected. I made a video recording to illustrate how things are looking on my side.

However, you could optimize your Ajax settings:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="pnlContent">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlContent" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Regards,
Andrey
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.