I am doing this with an igGrid, where the grid is created in c# and all that is in the view is this 

@model GridModel @using Infragistics.Web.Mvc <script src="../../Scripts/Infragistics/js/infragistics.js" type="text/javascript"></script> <script src="../../Scripts/Infragistics/js/infragistics.loader.js" type="text/javascript"></script> @( Html.Infragistics()                .Loader()                       .ScriptPath(Url.Content("../../Scripts/Infragistics/js"))                       .CssPath(Url.Content("../../Content/Infragistics/css"))                .Render()          ) @{    ViewBag.Title ="Manufacturer Mapping";} @(Html.Infragistics().Grid(Model)) 

And I have something like this in the c# code 

private GridModel GetGridModel()         {             GridModel gridModel = new GridModel();             gridModel.LoadOnDemand = true;             gridModel.DataSourceUrl = Url.Action("GetData");             gridModel.AutoGenerateLayouts = false;             gridModel.AutoGenerateColumns = false;             gridModel.PrimaryKey = "Id";             gridModel.Columns.Add(new GridColumn             {                 Key = "Id",                 HeaderText = " ",                 DataType = "string",                 Width = "200px"             });

            gridModel.Features.Add(new CustomGridPaging             {                 Type = OpType.Remote,                 PageSize = 15,                 CustomTotalRecordsCount = GetNumberOfList()             });             gridModel.Features.Add(new GridResizing             {                 AllowDoubleClickToResize = true,                 DeferredResizing = false,             });             gridModel.Features.Add(new GridSorting             {                 Mode = SortingMode.Single             });             gridModel.Features.Add(new GridHiding());

            gridModel.Width = "950px";

            return gridModel;         }

I would like to do the same with creating a tree using remote data. Where can I find a sample code?

Thanks.