Learn MVC Client Learn ASP.NET MVC Edition Client

Adding/Removing

Vertical Alignment

Collection View

Loading JSON Dates

Infinite Scrolling

Hierarchical Data

Editable Tree Grids

Unbound Tree Grids

Read-only, Required Columns

Conditional Styling

Dynamic Updates

Multiple Chart Types

Special Chart Types

Candlestick Charts

HighLowOpenClose Charts

Zooming with the Wheel

Grouping and Drill-down

Grouping and Drill-down

Interactive Charts

Filtering and Zooming

Grouping and Drill-down

Basic Properties

Result
Source
Document

AutoComplete Searching

By default, the AutoComplete control searches for matches against the property specified by the displayMemberPath property. You can extend the search to other properties by setting the searchMemberPath property to a comma-delimited list of properties to search on.

For example, the AutoComplete below is configured to search for country and continent names. Try typing "asia", "america", or "euro or" for example:

AutoComplete:

AutoCompleteSearchPathController.cs
AutoCompleteSearchPath.cshtml

using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1InputController : Controller
    {
        // GET: AutoCompleteSearchPath
        public ActionResult AutoCompleteSearchPath()
        {
            return View(Models.Gdp.GetData());
        }
    }
}

@model IEnumerable<Gdp>
 
<h1>
    @Html.Raw(Resources.C1Input.AutoCompleteSearchPath_Title)
</h1>
 
<p>
    @Html.Raw(Resources.C1Input.AutoCompleteSearchPath_Text1)
</p>
<p>
    @Html.Raw(Resources.C1Input.AutoCompleteSearchPath_Text2)
</p>
 
<label for="theAutoComplete">@Html.Raw(Resources.C1Input.AutoCompleteSearchPath_Text3)</label>
@(Html.C1().AutoComplete<Gdp>().Id("theAutoComplete").Bind(Model).DisplayMemberPath("Country").SearchMemberPath("Country,Continent"))