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

Data column Type not working after upgrade

3 Answers 68 Views

Grid

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

David Stacey asked on 08 Mar 2017, 01:00 PM

We use the Telerik RadGrid in our application and load the data and columns client side.

We inherit from the Telerik grid columns

internal class xxxButtonGridBoundColumn : GridButtonColumn

internal class xxxFilterGridBoundColumn : GridBoundColumn

as part of our grid refresh we call the following JavaScript

    fixColumnType: function () {

        // force column types to be RAD types
        var TelerikGridColumns = this.get_masterTableView().get_columns();

        for (var i = 0; i < TelerikGridColumns.length; i++) {
            var column = TelerikGridColumns[i];

            switch (column._data.ColumnType) {
                case "xxxButtonGridBoundColumn":
                    column._data.ColumnType = "GridButtonColumn";
                    break;
                case "xxxFilterGridBoundColumn":
                    column._data.ColumnType = "GridBoundColumn";
                    break;

This is called before the grid.databind() method and seems to work.

The bug is that the GridButtonColumn reverts back to xxxButtonGridBoundColumn and doesn't bind to the data

(GridBoundColumn still works ok)

This was working in version 2013:3:1114:35 but broken in future versions including the most recent 2017

Any help in why this happens would be appreciated

3 Answers, 1 is accepted

answered on 21 Mar 2017, 10:55 AM

Hello Eyup,

I understand inherited columns are outside of your support but you do allow the use of this

http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/inheritance/inheriting-grid-columns

The code works in version 2013:3:1114:35 but does not work in the latest release. Does this not mean it's a bug as your code has changed.

I've created a very simple page that only derives from the column and nothing else. The GridButtonColumn no longer works.

Do you have any kind of work around? Changing our code to no longer use derived columns is not an option

.cs file

public partial class Default : System.Web.UI.Page

{

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

RadGrid1.Skin = "Metro";

var col = new DerviedGridButtonColumn { ImageUrl = "~/placeholder.16.png", ButtonType = GridButtonColumnType.ImageButton, HeaderText = "ProductId", DataType = typeof(Int32) };

RadGrid1.MasterTableView.Columns.Add(col);

var col2 = new DerviedGridBoundColumn { HeaderText = "ProductName", DataType = typeof(String), DataField = "ProductName" };

RadGrid1.MasterTableView.Columns.Add(col2);

}

public class DerviedGridButtonColumn : GridButtonColumn

{

}

public class DerviedGridBoundColumn : GridBoundColumn

{

}

.aspx file

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!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>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

function pageLoad() {

// force column types to be RAD types

var TelerikGridColumns = $find('<%=RadGrid1.ClientID %>').get_masterTableView().get_columns();

for (var i = 0; i < TelerikGridColumns.length; i++) {

var column = TelerikGridColumns[i];

switch (column._data.ColumnType) {

case "DerivedGridButtonColumn":

column._data.ColumnType = "GridButtonColumn";

break;

case "DerivedGridBoundColumn":

column._data.ColumnType = "GridBoundColumn";

break;

}

</script>

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

</telerik:RadAjaxManager>

<div>

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="false" AllowSorting="false" EnableLinqExpressions ="false" AllowFilteringByColumn="false">

<MasterTableView DataKeyNames="ProductID" ClientDataKeyNames="ProductID">

<PagerStyle Mode="NumericPages" />

</MasterTableView>

<ClientSettings>

<DataBinding SelectMethod="GetDataAndCount" Location="~/WebService.asmx" >

</DataBinding>

</ClientSettings>

</telerik:RadGrid>

</div>

</form>

</body>

</html>