ASP.NET MVC Multiple Controls Binding

This page shows how to bind one CollectionView to multiple controls.

Getting Started

Steps for getting started with the Multiple Controls Binding in MVC application:

  1. Create a CollectionViewService and set id for it.
  2. Create a FlexGrid control and set it's ItemsSourceId to the id of CollectionViewService.
  3. Create a FlexChart control and set the same ItemsSourceId with FlexGrid.

This will create a FlexGrid and a FlexChart and they will bind to the same CollectionView, so if we change the data of FlexGrid, we can see the data also changes in FlexChart.

FlexGrid :

ID
Name
Country
MarPrice
AprPrice
MayPrice
1
Oranges
France
4
7
4
2
Apples
Japan
2
5
5
3
Pears
China
5
3
2
4
Bananas
US
4
4
5
5
Pineapples
Canada
5
8
4
6
Peaches
US
5
7
5
7
Strawberries
German
4
5
5
8
Cherries
China
3
1
1
9
Grapes
German
2
8
4
10
Mangos
Korea
1
4
2
11
Lemons
Canada
3
6
1

FlexChart :

Fruits SalesMarchAprilMayOrangesApplesPearsBananasPineapplesPeachesStrawberriesCherriesGrapesMangosLemons0