Nested List view in Xamarin forms xaml with MVVM

Question

I want nested list view like below in xamarin forms

I am using XAML and wants to bind using MVVM

My model as below

public class LineItemTaxDto 
    {
        public int InvoiceLineItemId { get; set; }
        public int InvoiceId { get; set; }
        public int TaxId { get; set; }
        public decimal TaxRate { get; set; }
        public decimal TaxAmount { get; set; }
        public string TaxName { get; set; }
        public ObservableCollection SubTaxes { get; set; }

    }

In this Group tax is my main taxname and it contains sub taxes (VAT, GST).

EDIT

My xaml code is below

But is not working. please help me to what I am going wrong. Thanks in advance

Ziyad Godil · Accepted Answer

Solved

I solve above result using single list no need to nested list view. My code as below.

My xaml code look like:

My view model code look like:

    var TMPTaxList = invoice.InvoiceLineItems.Where(x => x.TaxId > 1).Select(x =>
              {
                  return new KeyValuePair>(new LineItemTaxDto()
                  {
                      InvoiceLineItemId = x.Id,
                      InvoiceId = x.InvoiceId,
                      TaxId = x.TaxId,
                      TaxRate = x.TaxRate,
                      TaxAmount = x.TaxAmount,
                      TaxName = "Tax (" + x.TaxName + ")"
                  }, x.LineItemTaxes);
              });

        var taxes = new ObservableCollection();
        foreach (var tax in TMPTaxList.GroupBy(tax => tax.Key.TaxId)
  .Select(grp => grp.First()))
        {
            taxes.Add(tax.Key);
            foreach (var subtax in tax.Value.Where(x => x.TaxId > 0))
            {
                taxes.Add(subtax);
            }
        }

        invoice.ReceiptTaxList = taxes;

Nested List view in Xamarin forms xaml with MVVM

Answers (1)

Related Questions