Rimuovi menu a discesa operatore dal menu del filtro di griglia Kendo

Question

Come si rimuove il menu a discesa operatore dal menu del filtro di griglia Kendo? Ho sotto un elenco a discesa che contiene i valori per l'utente da cui scegliere, quindi è piuttosto inutile avere una casella sopra quella che dice è uguale a.

Answer 1

Questa domanda è già stata risolta in senso forum di Kendo: Kendo forum - Use dropdownlist in grid column filter

E 'buona per cercare c'è sempre prima di altrove. Fondamentalmente si ottiene il filtro dell'intestazione e si nasconde il menu a discesa. Mi sono preso la libertà di modificare il violino nel forum perché il selettore jquery dell'intestazione di ricerca era un po '"cucoo". Ed è possibile utilizzare il normale config kendo invece di creare manualmente la combo

filterable: { 
    ui: function(){ ... } 
} 

La cosa principale è quello di nascondere e modificare l'aiuto.

// Find the Role filter menu. 
var filterMenu = _grid.thead.find("th[data-field='roleTitle']").data("kendoFilterMenu"); 

filterMenu.form.find("div.k-filter-help-text").text("Select an item from the list:"); 
filterMenu.form.find("span.k-dropdown:first").css("display", "none"); 

trovare qui: evento JSFiddle - Dropdown filter in kendo grid

Answer 2

metti in griglia

.Events(e => e.FilterMenuInit("FilterMenuFunc")) 

quindi una funzione di script java

function FilterMenuFunc(e) { 
     var grid = $("#GridName").data("kendoGrid"); 
     var filterMenu = $(grid.thead.find("th:not(.k-hierarchy-cell,.k-group-cell)")[5]).data("kendoFilterMenu");//5 is index of column 
     try { 
      filterMenu.form.find("div.k-filter-help-text").text("Please Select A Value From List."); 
      filterMenu.form.find("span.k-dropdown:first").css("display", "none"); 
     } catch (e) {} 

    } 

Answer 3

ho fatto la mia dichiarando una funzione da chiamare quando costruzione dell'interfaccia utente. Dovrebbe essere molto più facile che cercare le classi.

{ 
    field: "Status", 
    title: "Status", 
    filterable: { 
     extra: false, 
     ui: statusFilter 
    } 
} 


function statusFilter(element) { 

    // finds the closest form so we can start manipulating things. 
    var form = element.closest("form"); 

    // changes the help text. (you might want to localise this) 
    form.find(".k-filter-help-text:first").text("Select an item from the list:"); 

    // removes the dropdown list containing the operators (contains etc) 
    form.find("select").remove(); 

    // Adds a new dropdownlist with all the options you want to select from 
    element.kendoDropDownList({ ...... }); 

}