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

Binding grid to viewmodel containing a list

3 Answers 89 Views

Grid

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

This question is locked. New answers and comments are not allowed.

Shane P asked on 27 Feb 2012, 09:35 PM

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

3 Answers, 1 is accepted

answered on 28 Feb 2012, 09:32 AM

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,

answered on 28 Feb 2012, 10:16 AM

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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Binding grid to viewmodel containing a list

3 Answers, 1 is accepted