k-grid disable filters

retrieve current edited row

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<script src="https://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.metro.min.css">
<div id="grid"></div>
<input type="button" onclick="collapseAll()" value="Collapse All"/>
<input type="button" onclick="expandAll()" value="Expand All"/>

CSS

body { 
 margin-top: 30px;   
}

JavaScript

$("#grid").kendoGrid({
    dataSource: {
        data: [
      		{ id: 4, name: "D", city: "Boston" },
          { id: 3, name: "C", city: "Boston" },
          { id: 2, name: "B", city: "Boston" },
          { id: 1, name: "A", city: "Boston" },
      		{ id: 5, name: "A", city: "NYC"},
          { id: 6, name: "B", city: "NYC"},
          { id: 7, name: "C", city: "NYC"},
          { id: 8, name: "D", city: "NYC"},
    		],
        schema: {
            model: {
            		id: "id", 
                fields: {
                	id:{type:"integer"},
                  name:{ type:"string", editable:true},
                	city:{ type:"string", editable:false},
                },
            },
        },
        group: { field: "city" },        
    },
    height: 450,
    sortable: false,
    pageable: false,
    groupable: false,
    sortable: false,
    columnMenu: false,
    filterable: true,
    columns: [
    { field: "city", groupHeaderTemplate: "#= value #", filterable: { multi: true }},        
        { field: "name", title: "Name"},       
    ]
});

function collapseAll() {
    $("#grid").find(".k-icon.k-collapse").trigger("click");
}

function expandAll() {
    $("#grid").find(".k-icon.k-expand").trigger("click");
}