Google-like suggestion dropdownlist

[Gábor]

Hello,

is there a way to achieve a google-like suggestion dropdown list in Grid?

I have a normal grid, with a "Create" function in its toolbar. The column accepts any strings, which are saved in the database.
I attached a screenshot of the grid.

Is it possible to have a dropdown list under the cell, where the cursor is active?
The cell got to accept any strings, in case a Company name is not saved earlier in the database.

What I'm trying to achieve is to suggest the user what strings were saved in the form in the past.

The grid is nothing fancy:

@Html.Label(WorkPermitLabels.NonContractedCompanyName, new { @class = "control-label" })
@Html.Hidden("NonContractedCompany", "")
@(Html.Kendo().Grid(Model.NonContractedCompanies)
        .Name("nonContractedCompanies")
        .Columns(col =>
        {
            col.Bound(v => v.Name);
            col.Command(v =>
            {
               v.Edit();
               v.Destroy();
            });
         })
        .Editable(e => e.Mode(GridEditMode.InLine))
        .HtmlAttributes(new { @class = "control-label col-sm-12 col-md-6" })
        .Sortable()
        .ToolBar(toolbar => toolbar.Create())
        .DataSource(datasource =>
            datasource
               .Custom().Schema(schema => schema
               .Model(mod =>
               {
                  mod.Id(v => v.NonContractedCompanyID);
                  mod.Field(v => v.Name);
               })
         )
        ))
@Html.ValidationMessageFor(m => m.NonContractedCompanies, "", new { @class = "text-danger" })

 

Thank you for your help.

Gábor

[Konstantin Dikov]

Hello ,

The browser's autocomplete is enabled/disabled through the "autocomplete" attribute placed in the INPUT elements, but this is applicable for form elements:

• https://www.w3schools.com/tags/att_input_autocomplete.asp

In the context of the Grid you could implement custom editor that could use an AutoComplete bound to a data with the available values for that column:

• https://demos.telerik.com/aspnet-mvc/autocomplete/serverfiltering 
• https://docs.telerik.com/aspnet-mvc/helpers/grid/templating/editor-templates

Hope this helps.


Regards,
Konstantin Dikov
Progress Telerik