Как получить настраиваемый фильтр Kendo?

Question

Я пытаюсь получить пользовательский фильтр меню, работающий в моей сетке Кендо. Используя этот код, меню никогда не загружается, просто вращающийся круг все время. Я использую самую последнюю версию кендо. Что я делаю не так?

{ 
field: "City", 
title: "City", 
width: 110, 
filterable: { 
    ui: cityFilter 
    } 
}  


function cityFilter(element) { 
element.kendoDropDownList({ 
    dataSource: { 
     type: "odata", 
     severFiltering: true, 
     transport: { 
      read: "http://localhost:8888/City.php" 
       } 
     }, 
     optionLabel: "--Select Value--" 
    }); 
} 

PHP:

<?php 

$link = mysql_pconnect("127.0.0.1", "root", "admin") or die("Unable To Connect To  Database Server"); 

mysql_select_db("MainDatabase") or die("Unable To Connect To Northwind"); 

$arr = array(); 

$rs = mysql_query("SELECT State_Long FROM MainDatabase.Stations Group by State_Long"); 

while($obj = mysql_fetch_object($rs)) { 

    $arr[] = $obj; 

} 

// add the header line to specify that the content type is JSON 
header("Content-type: application/json"); 

echo "{\"data\":" .json_encode($arr). "}"; 

?> 

Answer 1

Все выглядит действительным с кодом. Убедитесь, что у вас есть доступная услуга. Here jsbin с кодом, который отличается только на транспорте:

например.

function cityFilter(element) { 
    element.kendoDropDownList({ 
    dataSource: { 
     severFiltering: true, 
     transport: { 
      read: { 
      dataType: "jsonp", 
      url: "http://demos.kendoui.com/service/Products" 
      } 
     }, 
     }, 
    dataTextField:"ProductName", 
    optionLabel: "--Select Value--" 
    }); 
}