Data Binding
- 3 minutes to read
All data-aware DevExpress MVC extensions expose the Bind method, allowing you to easily bind them to a data source (typically, it is a data Model passed from a Controller). There are also some additional methods facilitating data binding to certain declarative data sources. The table below lists data-aware extensions and corresponding available data binding methods.
Data-Aware Extension Name | Method to Bind to Data Model | Declarative Binding Methods |
---|---|---|
- | ||
- | ||
Data Data | ||
- | ||
- | ||
- | ||
- | ||
Data Data Data | ||
- | ||
Pivot | ||
- | ||
- | ||
Rich | ||
- | ||
Scheduler | - | |
Tree | ||
Tree | ||
Vertical Vertical | ||
- | ||
List Check |
The following code demonstrates how to bind the Chart extension to a Model.
namespace MyProject.Models {
public class ChartPoint {
public int X { get; set; }
public int Y { get; set; }
}
}
@Html.DevExpress().Chart(settings => {
settings.Name = "chart";
settings.Series.Add(s => {
s.Name = "My Data";
s.SetDataMembers("X", "Y");
s.Views().SplineSeriesView(v =>{ });
});
}).Bind(Model).GetHtml()
using System.Collections.Generic;
using System.Web.Mvc;
using MyProject.Models;
namespace MyProject.Controllers {
public class HomeController : Controller {
public ActionResult Index() {
return View(GetPoints());
}
private List<ChartPoint> GetPoints() {
var m = new List<ChartPoint>();
m.Add(new ChartPoint { X = 1, Y = 1 });
m.Add(new ChartPoint { X = 2, Y = 5 });
m.Add(new ChartPoint { X = 3, Y = 3 });
m.Add(new ChartPoint { X = 4, Y = 9 });
m.Add(new ChartPoint { X = 5, Y = 10 });
return m;
}
}
}
For specifics of binding DevExpress MVC data editors (listed in Data Editors Extensions), refer to the Binding Data Editors to Data topic.