RadGrid with EnablePostBackOnRowClick and GridClientSelectColumn

[Iker Llanos]

I have a grid with EnablePostBackOnRowClick = true and GridClientSelectColumn. The problem is that when I try to select various rows with the checkbox in the GridClientSelectColumn a postback is produced and I cannot check the rows.

Is there any way to avoid the postback when selecting the rows through the GridClientSelectColumn?

Thanks in advance 

[Shinu]

Hello,

I have not experienced the issue that you described. I am able to select the rows eventhough I set 'EnablePostBackOnRowClick' property to true.

If you want to prevent postback when checking/unchecking the checkbox, then one suggestion would be adding GridTemplateColumn with checkbox inside and selecting the row from client side. Here is the example of what I tried.

ASPX:

<telerik:GridTemplateColumn HeaderText="CustomerID" UniqueName="CustomerID">

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

CheckBox chk = (CheckBox)item.FindControl("CheckBox1");

chk.Attributes.Add("onclick", "setStatus('"+item.ItemIndex+"','"+chk.ClientID+"');");

}

}

JavaScript:

<script type="text/javascript">

function setStatus(index, chk) {

var grid = $find("<%=RadGrid1.ClientID %>");

var mastertableView = grid.get_masterTableView();

var checkbox = document.getElementById(chk);

if (checkbox.checked) {

mastertableView.get_dataItems()[index].set_selected(true);

}

else {

mastertableView.get_dataItems()[index].set_selected(false);

}

}

</script>

-Shinu.

[Rajiv]

//Script 
=============

<script type="text/javascript">
        function StopPostback(sender,args)
        {
            if(//your Condition here)
            {
                sender.ClientSettings.EnablePostBackOnRowClick = false;
return false;
            }
   else
    sender.ClientSettings.EnablePostBackOnRowClick = true
   
        }
            
    </script>


<ClientSettings  EnablePostBackOnRowClick="true" ClientEvents-OnRowClick="StopPostback" ClientEvents-OnRowSelected="StopPostback">
    <Selecting AllowRowSelect="true" />
    </ClientSettings>