TokenBox
The DevExpress ASP.NET MVC TokenBox editor provides the ability to autocomplete values from a predefined list. An end-user can select a value from the dropdown list or type it manually.
To learn more about TokenBox and see it in action, refer to the TokenBox online demo.
#Implementation Details
TokenBox is realized by the TokenBoxExtension class. Its instance can be accessed via the ExtensionsFactory.TokenBox helper method, which is used to add a TokenBox extension to a view. This method’s parameter provides access to the TokenBox settings implemented by the TokenBoxSettings class, allowing you to fully customize the extension.
TokenBox‘s client counterpart is represented by the MVCxClientTokenBox object.
#Declaration
TokenBox can be added to a view in the following manner.
@Html.DevExpress().TokenBox(settings =>
{
settings.Name = "tokenBox1";
settings.Properties.TextField = "Name";
settings.Properties.ValueField = "Email";
settings.Properties.IncrementalFilteringMode = IncrementalFilteringMode.StartsWith;
settings.Properties.IncrementalFilteringDelay = 500;
}).BindList(Model).GetHtml()
Note
The Partial View should contain only the extension’s code.
The image below illustrates the results.