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

GridTemplateColumn empty when RadGrid bound with JSON data on client side

3 Answers 274 Views

Grid

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

Rob asked on 20 Dec 2013, 06:56 PM

Hi,

I am trying to bind RadGrid with JSON Data on Client side. GridBoundColumns display data ok, but GridTemplateColumn is empty. 

My code is below. Please, help.



<

telerik:GridTemplateColumn UniqueName="Description" DataField=Description" AllowFiltering="false" >

<ItemTemplate>

<asp:Label ID="Description" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

$.ajax({

type: 'POST',

contentType: 'application/json; charset=utf-8',

data: '{}',

dataType: 'JSON',

url: '../../Services/Service.svc/GetList',

success: function (result) {

var GridData = result.GetListResult;

if (GridData.length > 0) {

var masterTable = $find("<%=gvList.ClientID %>").get_masterTableView();

masterTable.set_dataSource(GridData);

masterTable.dataBind();

}

3 Answers, 1 is accepted

answered on 21 Dec 2013, 05:19 AM

Hello,

You have to create DOM manually for Template control.

<telerik:GridTemplateColumn UniqueName="Description" DataField=Description" AllowFiltering="false" >

<ItemTemplate>

<asp:Label ID="Description" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<script>

function RowDataBound(sender, args) {

var celName = args.get_item().get_cell("Description");

var input = document.createElement("span"

);

                      input.innerHTML = args.get_dataItem().Description;

celName.appendChild(input);

}

</script>

Let me know if any concern.

Thanks,
Jayesh Goyani