Kendo UI Broken Bindings (Cascading Combos - проблемы с параметрами)

Question

Я использую Kendo UI Combos и нокаутом. Я пытаюсь каскадировать результаты одного комбо, чтобы фильтровать данные, доступные в другом.

Значение dataTextField в родительской комбо не может использоваться как-для фильтрации дочерних комбо данных, поэтому я использую параметр parameterMap для его изменения. К сожалению, это не похоже на работу, и я получаю сообщение об ошибке при связывании ...

Message: SyntaxError: Expected ':'; 

Bindings value: kendoComboBox: 
    {scrollable: 
     { virtual: true } 
    ,filter: 'contains', 
    pageable: true, 
    dataTextField: 'Description', 
    dataValueField: 'Id', 
    autoBind: false, 
    placeholder: 'Select...' , 
    cascadeFrom: 'NotifierServiceType', 
    dataSource: 
     {type : 'odata', 
     serverPaging: true, 
     serverFiltering: true, 
     serverSorting: true, 
     pageSize: 100, 
     filter : {field : 'LookUpType', operator : 'eq', value:15}, 
     transport: {  
       read: {  url: 'http://xxx/INS/services/LookUpService.svc/LookUpItems',  dataType: 'json' } , 
       parameterMap: function(data, type) 
        { return { filter[filters][0][field]: 'ParentId';} 
       } 
      } 
     }, 
    value:notifierSubDivisionId 
    } 

Когда секция parameterMap удаляется он связывается правильно, но ребенок комбо не фильтруется, как и ожидалось.

Любая помощь, которая будет с благодарностью получена.

EDIT:

Вот пересмотренный код, который получает каскадный комбо работы:

parameterMap: function(data, action) { 
    var filterStem; 
    var filter; 
    filterStem = '$inlinecount=allpages&$top=100&$filter=(LookUpType+eq+15'; 
    if (data.filter.filters[1] === undefined){ 
     filter = ')'; } 
    else { 
     filter = '+and+ParentId+eq+' + data.filter.filters[1].value + ')' ; 
    } 
    return filterStem + filter; }}} 

Я уверен, что есть лучший способ изменить фильтр - любые идеи?

Спасибо.

Answer 1

Вы можете попробовать kendoUI + jaydata для oData, это выигрышная комбинация. (отказ от ответственности: я работаю для JayData). У нас есть демо о каскадной комбо здесь: http://jaydata.org/examples/KendoUI/cascadingcombobox.html Для простой каскадной комбо вам понадобятся только несколько строк пользовательского кода javascript.

$data.initService(url) 
.then(function (remoteDB) { 
    $("#categories").kendoComboBox({ 
     placeholder: "Select category...", 
     dataTextField: "Category_Name", 
     dataValueField: "Category_ID", 
     dataSource: remoteDB.Categories.asKendoDataSource() 
    }); 

    var products = $("#products").kendoComboBox({ 
     autoBind: false, 
     cascadeFrom: "categories", 
     placeholder: "Select product...", 
     dataTextField: "Product_Name", 
     dataValueField: "Product_ID", 
     dataSource: remoteDB.Products.asKendoDataSource() 
    }).data("kendoComboBox"); 
});