Component One ASP.Net MVC

ASP.Net MVC Multiple Controls Binding

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

Download Free Trial

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 it's ItemsSourceId to the id of CollectionViewService.

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 :

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
*
ID
Name
Country
MarPrice
AprPrice
MayPrice

FlexChart :

Fruits SalesOrangesApplesPearsBananasPineapplesPeachesStrawberriesCherriesGrapesMangosLemons0MarchAprilMay