gistfile1.js

            var _grid = $("#companies").data("kendoGrid");
$("#companies").data("kendoGrid").dataSource.bind("change", function(e) {
                // let's check whether  the event is fired by a filter?
                
                var filter = _grid.dataSource.filter();
                if(filter) {
                  console.log("there is a filter now");
/* I know this because I have added a filter to the "id" column when the grid initialized. Nevertheless, we should control whether filter is  our predefined filter or not.*/
                    if(filter.filters[0].field=="id") {

                    var row  = _grid.dataItems()[0];
      
                    $("#authorized").val(row.authorized);
                    $("#telephone").val(row.telephone);
                    $("#mobile").val(row.mobile);
                    $("#email").val(row.email);
                    } else {
  //yes, there is a filter but it doesn't not belong to us, so we should do anything
//TODO

}
                }
           
            });