[Solved] Binding grid to viewmodel containing a list

[Shane P]

I need some guidance in binding a grid to my view model.

I have a model and view model that look like

public class CardTransactionModel
   {
       public int CardTransactionId { get; set; }
       public Guid UserId { get; set; }
       public decimal Amount { get; set; }
       public DateTime TransactionDate { get; set; }
       public int CardPaymentId { get; set; }
   }

   public class CardTransactionPaymentViewModel
   {
       public string CardNumber { get; set; }
       public List<CardTransactionModel> CardTransactionModel { get; set; }
   }

I am binding my grid to my viewmodel

@{Html.Telerik().Grid(Model)
        .Name("Grid")
        .Selectable()
        .Columns(columns =>
        {
            columns.Bound(o => o.CardNumber);
        })
        .DataKeys(keys =>
        {
            keys.Add(p => p.CardNumber);
        })
        .Scrollable()
        .Sortable()
        .Pageable()
        .Filterable()
        .Footer(true)
        .Render();
}

How can I bind the columns to not only show CardNumber but all of the other properties contained in the list?

Any help would be great.


Thank you

[Dadv]

Hi,

Look at this :http://demos.telerik.com/aspnet-mvc/grid/hierarchyajax 

an other way could be to adapt your ViewModel to have a single list :

public class CardTransactionModel

   {

       
       public string CardNumber { get; set; } 
public int CardTransactionId { get; set; }

       public Guid UserId { get; set; }

       public decimal Amount { get; set; }

       public DateTime TransactionDate { get; set; }

       public int CardPaymentId { get; set; }

   }

 

   public class CardTransactionPaymentModel : CardTransactionModel 


   {
       public string CardNumber { get; set; }


   }

   public class CardTransactionPaymentViewModel


   {
       public List<CardTransactionPaymentModel> CardTransactionPayments{ get; set; }


   }

After you just have to apply a grouping command on CardNumber.

Regards,

[Shane P]

Thanks Dadv,

I don't want to have a grouped effect applied, I was hoping for the grid to appear more as a flat file vs a grouped looked.

[Dadv]

Then when you create the list, make the first CardNumber have a value and the other to null


CardNumber  CardTransactionId  UserId  Amount  
123456               5                                  1            1000.0
   6                                  1              500.5
   7                                  5              300.5 
654321               5                                  1              110.0 
   6                                  1              500.5  

but you will loose the sort ability