Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Stanislas Mauser
405
Enable igGrid row cell dropdown combobox item filter for inline editing
posted

Hello,
as we were looking for a way to customize the dropdown combo box, we found this example:

http://www.igniteui.com/combo/selection-and-checkboxes

Especially the functionallity of filtering the selection in the dropdown combo box by typing and then (multi-)selecting
from the filtered item list in the dropdown combo box is very interesting to us.
Now, we didn't find a way to implement this functionality when inline editing a cell inside an igGrid row using the Razor C# syntax in a CSHTML file.

So far, we could only enable multiselection, but no dropdown combo box item filter functionality when typing into the igGrid row cells. 

Therefore: Please, can someone explain, how it is possible to enable both the item filter with and without multiselection for igGrid row cells using dropdown combo boxes?

Thank you in advance. 

Parents
No Data
Reply
  • 17590
    Verified Answer
    Offline posted

    Hello Stanislas,

    Thank you for posting in our community.

    In order to be able to filter the combo editor provider based on the input value the autoComplete option along with filteringCondition options could be used. The autoComplete highlights character strings that match entered text. Further the autocomplete feature will prefill the text in the input box as the user is typing to reflect the first matching item in the drop down list. A working sample illustrating how this behaves in an isolated combo scenario could be found at:

    http://igniteui.com/combo/filtering

    In the MVC wrapper this options could be configured as following:

    

    .Features(features =>
    {
        features.MultiColumnHeaders();
        features.Selection().MultipleSelection(true);
        features.Updating().ColumnSettings(cs => {
    

            cs.ColumnSetting().ColumnKey("Name0").EditorType(ColumnEditorType.Combo).Required(true).ComboEditorOptions(co =>
            {
                co.ValueKey("Name0").TextKey("Name1").FilteringCondition(ComboFilteringCondition.StartsWith).AutoComplete(true).MultiSelectionSettings(ms =>
                    {
                        ms.Enabled(true);
                    }).DataSource(ViewBag.Names);
             
    

            });
        });
    })

    I hope you find this information helpful.

    Please let me know if you need any further assistance with this matter.

Children
No Data