2014-04-14 3 views
0

첫 번째 드롭 다운 목록의 두 번째/계단식 드롭 다운 스위치의 기본값을 어떻게 선택할 수 있습니까?계단식 드롭 다운 목록의 기본값 선택

var userId = $("#hiddenUser").val(); 
    $("#PositionInputs").kendoDropDownList({ 
     dataTextField: "Name", 
     dataValueField: "ID", 
     index: 0, 
     autoBind: false, 
     change: function() { 
      var value = this.value(); 
      var dataItem1 = this.dataItem(this.select()); 
      if (value) { 
       var dropdownlist = $("#ddlLocation").data("kendoDropDownList"); 
       dropdownlist.select(function (dataItem) { 
        return dataItem.symbol === "[Please Select Location]"; 
       }); 

      } 
     }, 
     optionLabel: "[Please Select Position]", 
     template: '<h5>${ data.Name }</h5>', 
     dataSource: { 
      transport: { 
       read: { 
        url: '/Profile/LoadDropdownList?userId=' + userId, 
        dataType: "json", 
        type: "POST" 

       } 
      } 
     } 

    }); 


    //kendo dropdown 
    $("#ddlPosition").kendoDropDownList({ 
     dataTextField: "Name", 
     dataValueField: "ID", 
     autoBind: false, 
      optionLabel: { 
       Name: "[Please Select Position]", 
       ID: "0" 
    }, 
     // define custom template 
     template: 
            '<h5>${ data.Name }</h5>', 
     dataSource: { 
      transport: { 
       read: { 
        url: '/Profile/LoadDropdownList?userId=' + userId, 
        dataType: "json", 
        type: "POST" 
       } 
      } 
     } 
    }); 



    //kendo dropdown 
    $("#ddlLocation").kendoDropDownList({ 
     dataTextField: "Address", 
     dataValueField: "Id", 
     autoBind: false, 
     optionLabel: "[Please Select Position]", 
     // define custom template 
     template: '<h5>${ data.Address }</h5>', 
     dataSource: { 
      transport: { 
       read: { 
        url: '/Profile/LoadLocationDropdownList?userId=' + userId, 
        dataType: "json", 
        type: "POST" 
       } 
      } 
     } 

    }); 




    $("#LocationInputs").kendoDropDownList({ 
     dataTextField: "Address", 
     dataValueField: "Id", 
     //     index: 0, 
     autoBind: false, 
     cascadeFrom: "PositionInputs", 
     optionLabel: { 
      Address: "[Please Select Position]", 
      Id: "0" 
     }, 
     template: '<h5>${ data.Address }</h5>', 
     dataSource: { 
      transport: { 
       read: { 
        url: '/Profile/LoadLocationDropdownList?userId=' + userId, 
        dataType: "json", 
        type: "POST" 
       } 
      } 
     } 
    }); 
+0

그것이 '확인하시기 바랍니다 첫 번째 항목을 선택합니다을 $ ("#의 ddlLocation") .data ("kendoDropDownList"). value(); ' 이후 첫 번째 dropdoenlist에서 값을 선택하기 전에. –

답변

1

당신이 사용했던 코드가 선택 : [위치] 드롭 다운이 난이 방법을 시도 을 변경되었지만 오류가 select is undefined

var dropdownlist = $("#ddlLocation").data("kendoDropDownList"); 
       dropdownlist.select(function (dataItem) { 
        return dataItem.symbol === "[Please Select Location]"; 
       }); 

이것은 코드 내 집합입니다라고 할 때 나는 [Please Select Location]을 선택합니다 항목의 텍스트가 "[위치를 선택하십시오]"와 같지만 여기에 정의 된 위치 드롭 다운이 "[위치를 선택하십시오]"로 설정됩니다.

그 변화를 만드는 것은 작동하지 않는 경우, 인덱스를 설정을 시도 할 수는 (자리 인덱스 0이 가정) : 기본적으로

var ddl = $("#someId").data("kendoDropDownList"); 
ddl.select(0) 
+0

감사합니다. . 이걸 시도해 보니 내가 틀린 이드를 찾아 냈다. LocationInputs와'ddl.select (0)'로 바꿨습니다. –