New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
Disable postback on row click for specific columns
Environment
Product | Telerik WebForms Grid for ASP.NET AJAX |
DESCRIPTION
Sometimes, you might want to disable the EnablePostBackOnRowClick property when clicking on a cell, which is located in a specific column.
SOLUTION
To do that, you can utilize the OnCellSelecting
event, and in it, check for the unique name of the column of the currently clicked cell.
JavaScript
function onCellSelecting(sender, args) {
var columnName = args.get_column().get_uniqueName();
if (columnName == "OrderID") {
sender.ClientSettings.EnablePostBackOnRowClick = false;
args.set_cancel(true);
}
else {
sender.ClientSettings.EnablePostBackOnRowClick = true;
}
}
ASP.NET
<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" Width="400px" OnNeedDataSource="RadGrid1_NeedDataSource">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="OrderID">
<Columns>
<telerik:GridBoundColumn DataField="OrderID" DataType="System.Int32"
FilterControlAltText="Filter OrderID column" HeaderText="OrderID"
ReadOnly="True" SortExpression="OrderID" UniqueName="OrderID">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ShipName"
FilterControlAltText="Filter ShipName column" HeaderText="ShipName"
SortExpression="ShipName" UniqueName="ShipName">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ShipCountry"
FilterControlAltText="Filter ShipCountry column" HeaderText="ShipCountry"
SortExpression="ShipCountry" UniqueName="ShipCountry">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings EnablePostBackOnRowClick="true">
<Selecting CellSelectionMode="SingleCell"/>
<ClientEvents OnCellSelecting="onCellSelecting" />
</ClientSettings>
</telerik:RadGrid>