ASP.NET MVC Controls | ComponentOne
Working with Controls / FlexGrid / Work with FlexGrid / Case-sensitive Search
In This Topic
    Case-sensitive Search
    In This Topic

    Searching can be a tedious task in a grid with huge data. To make this task easier, you can use case-sensitive search supported by FlexGrid along with the FlexGridSearch control to apply full text searching inside the grid. With case-sensitive search, FlexGrid allows you to have more granular control over searched items in the grid. You can achieve the granularity in search by setting the CaseSensitiveSearch property to true. The CaseSensitiveSearch property determines whether the searches performed while the user types should be case-sensitive which makes our search more refined.

    Performing case-sensitive search in FlexGrid

    The following example shows how you can use the case-sensitive search along with the FlexGridSearch control to search the items in FlexGrid. The example uses Sale.cs model added in the Custom Editors topic.


    Copy Code
    public ActionResult Index()
        return View(Sale.GetData(15));

    View for the Controller

    Copy Code
    @model IEnumerable<Sale>
    <style type="text/css">
        .grid {
            height: 500px;
            border: 2px solid #e0e0e0;
            font-family: Cambria;
            font-weight: bold;
    <p id="theSearch"></p>
    @*Instantiate FlexGrid and set its properties*@
               //Binding columns data to FlexGrid
               .Columns(bl =>
                   bl.Add(cb => cb.Binding("ID"));
                   bl.Add(cb => cb.Binding("Start"));
                   bl.Add(cb => cb.Binding("Product"));
                   bl.Add(cb => cb.Binding("Amount").Format("c"));
                   bl.Add(cb => cb.Binding("Discount").Format("p0"));
                   bl.Add(cb => cb.Binding("Active"));
               .Filterable(f => f.DefaultFilterType(FilterType.Both))
        .Placeholder("Enter text to search")