Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Custom Data Binding

Time taken:   ms
From Not filtered
Subject Not filtered
Sent Not filtered
Size Not filtered
Has Attachment Not filtered
From:Mike Roller
Subject:Email Attachments. Is it possible to add multiple attachments? I haven't found a way to do this.
From:Dave Murrel
Subject:Currency Mask. The current currency mask in completely unusable.
From:Andrew Miller
Subject:Email Attachments. Is it possible to add multiple attachments? I haven't found a way to do this.
From:Ryan Fischer
Subject:Receivables Calculator. Where can I find the complete specs?
From:Steve Lee
Subject:Data Import. What database types will we support?
From:Richard Fisher
Subject:Screen Redraw. Somebody has to look at it.
From:Mike Roller
Subject:Web Edition: Data Entry Page. There is an issue with date validation.
From:Mark Hamilton
Subject:Main Menu: Add a File menu. File menu item is missing.
From:Ray Shipman
Subject:History. Will we track sales history in our system?
Sum of Size is 45367729553;
Page 1 of 33334 (300000 items)Prev1234567333323333333334Next
Show filter builder dialogCreate Filter 

DevExpress ASP.NET MVC Card View supports custom data binding that allows you to perform all data operations, such as paging, sorting, filtering and summary calculation, completely by yourself.

In this mode, you handle data operations in corresponding Action methods; the correspondence is defined by populating the extension's CustomBindingRouteValuesCollection.

InIn each specified Action, the processed operation related state information, such as a column's state (i.e., which column is sorted and in which direction) or a pager's state (which page is selected), is passed automatically. The CardView's current state (view model) can be obtained through the static CardViewExtension.GetViewModel method and can be updated with the processed operation state. Then, the required data should be provided for the CardView view model via a call to its ProcessCustomBinding method.

The ProcessCustomBinding method has several overloads. You can select a particular one depending on which data operations you need to handle.

Generally, this method provides the following parameters representing typed method delegates:

getDataCardCountMethod of the CardViewCustomBindingGetDataCardCountHandler type
Provide implementation for this method to return the total number of data cards.

getDataMethod of the CardViewCustomBindingGetDataHandler type
Provide implementation for this method to return the required data cards to the CardView.

getSummaryValuesMethod of the CardViewCustomBindingGetSummaryValuesHandler type
Provide implementation for this method to calculate and return values of summaries required within the CardView.

getUniqueHeaderFilterValuesMethod of the CardViewCustomBindingGetUniqueHeaderFilterValuesHandler type
Provide implementation for this method to return unique values to be displayed in the header filter popup list invoked for a column.

The resulting CardView state (view model) is returned as a model to a view that contains the CardView. To bind the CardView to this view model, use the BindToCustomData method.

This demo shows an advanced implementation of custom data binding - all data operations are processed (in particular: sorting, paging, summary calculations and filtering including column header filter invocation).

Note that when implementing CardView custom data binding, the DevExpressEditorsBinder must be used instead of the default model binder to correctly transfer values from DevExpress editors back to the corresponding data model fields. In this demo, the DevExpressEditorsBinder is assigned to the ModelBinders.Binders.DefaultBinder property within the Global.asax file, thus overriding the default model binder.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxCardViewDemos