केंडो ग्रिड फ़िल्टर मेनू

Question

से ऑपरेटर लटकती निकालें आप केंडो ग्रिड फिल्टर मेनू से ऑपरेटर लटकती कैसे निकालूँ? मेरे पास नीचे एक ड्रॉपडाउन सूची है जिसमें उपयोगकर्ता के लिए मूल्यों को चुनने के लिए मूल्य शामिल हैं, इसलिए यह ऊपर के बॉक्स के बराबर है जो कहता है कि बराबर है।

Answer 1

यह सवाल पहले से ही केंडो मंचों में जवाब दिया गया है: Kendo forum - Use dropdownlist in grid column filter

यह वहाँ हमेशा से पहले कहीं और खोज करने के लिए अच्छा है। असल में आपको हेडर फ़िल्टर मिलता है और ड्रॉपडाउन छुपाता है। मैंने फोरम में पहेली को संशोधित करने की स्वतंत्रता ली है क्योंकि खोज हेडर jquery selector थोड़ा "क्यूको" था। और अगर आप के बजाय मैन्युअल कॉम्बो

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

मुख्य बात छिपाने के लिए और मदद को संशोधित करने के लिए है बनाने के सामान्य केन्डो config उपयोग कर सकते हैं।

// 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"); 

इसे यहाँ खोजें: ग्रिड

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

तो एक जावा स्क्रिप्ट कार्य करने के लिए JSFiddle - Dropdown filter in kendo grid

Answer 2

ऐड घटना जब कॉल करने के लिए

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

मैं मेरा एक समारोह की घोषणा के द्वारा किया यूआई का निर्माण कक्षाओं के चारों ओर शिकार करने से यह बहुत आसान होना चाहिए।

{ 
    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({ ...... }); 

}