Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to search text in kendo dropdown list?

My dropdownlist works fine, but I would like to have something like edit field where user can search values. Can somebody help me? It is in the column of the kendo grid. Here is a code of my dropdownlist. Cheers!

{
    field: "Material",
    title: txt.TXT_MATERIAL,
    width: "15%",
    filterable: {
      ui: function (element) {
          kendoOdsMaterials.setFilterUi(element, undefined);
      }
    },
    editor: function (container, options) {
      if (PCommonPortalMethods.GetSiteLanguage() == "en") {
          $('<input kendo-drop-down-list  k-data-text-field="\'MaterialGlobalName\'" k-data-value-field="\'_Key\'" data-bind="value:' + options.field + '" k-data-source="dataSourceKendoOdsMaterials(undefined)" />').appendTo(container);
      } else {
          $('<input kendo-drop-down-list  k-data-text-field="\'MaterialLocalName\'" k-data-value-field="\'_Key\'" data-bind="value:' + options.field + '" k-data-source="dataSourceKendoOdsMaterials(undefined)" />').appendTo(container);
      }

    },
    template: "#if (PCommonPortalMethods.GetSiteLanguage() == 'en') {# #=Material.MaterialGlobalName# # } else { # #=Material.MaterialLocalName#  # } #"

},
like image 318
Aviator Avatar asked Jan 24 '26 22:01

Aviator


1 Answers

its called filter

add this to your items

data-filter="contains"

look here https://jsfiddle.net/cmstern/thhdzzpq/4/

like image 78
CMS Avatar answered Jan 26 '26 11:01

CMS