검도 UI 깨어진 바인딩 (계단식 콤보 - 매개 변수 맵 문제)

Question

검도 UI 콤보 및 녹아웃을 사용하고 있습니다. 한 콤보의 결과를 캐스 캐 이드하여 다른 데이터에서 사용할 수있는 데이터를 필터링하려고합니다.

상위 콤보의 dataTextField 값을 그대로 사용하여 자식 콤보 데이터를 필터링 할 수 없으므로 parameterMap 옵션을 사용하여 변경합니다. 불행하게도이 작동하지 않는 것, 그리고 바인딩 할 때 나는 ... 오류가 수신 된 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: 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

oData에 대해 kendoUI + jaydata를 시도해 볼 수 있습니다. 이는 우승 한 콤보입니다. (면책 조항 : 나는 JayData에서 일한다). 계단식 콤보에 대한 데모가 있습니다 : http://jaydata.org/examples/KendoUI/cascadingcombobox.html 간단한 계단식 콤보에는 몇 줄의 커스텀 자바 스크립트 코드 만 있으면됩니다.

$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"); 
});