2012-09-28 4 views
0

하루 종일 "catch"하거나 선택한 상태에 할당/바인드하고 "text"라는 변수에 할당하여 다른 API 호출에서 사용할 수있게했습니다. 다른 드롭 다운 상자 "제품".
나는 뭔가를 놓치고 있어야하며 약간의 도움이 필요하다고 생각했습니다. 감사합니다. .선택 상자에서 변수 할당

<html dir="ltr" lang="en-US"> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> 
     <title>Legis Connect</title> 
     <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
     <link rel="stylesheet" href="css/kendo.common.min.css"> 
     <link rel="stylesheet" href="css/kendo.black.min.css"> 
    <link rel="stylesheet" href="css/kendo.mobile.all.min.css"> 
     <link rel="stylesheet" href="css/kendo.dataviz.min.css"> 
     <script src="js/kendo.all.min.js"></script> 
    </head> 
    <body> 
      <div class="k-widget k-header"> 
        <span class="infoHead">Information</span> 
        <p> 
<input id="state" placeholder="Select State..." /> 
</p> 
<p> 
     <input id="products"/> 
     </p> 
      <script> 

     $(document).ready(function() { 
        $("#state").kendoDropDownList({ 
        //  optionLabel: "Select State...", 
         dataTextField: "name", 
         dataValueField: "abbreviation", 
         dataSource: { 
         transport: { 
           read: { 
           url: "http://openstates.org/api/v1/metadata/?apikey=????????", 
           dataType: "jsonp" 
           } 
          } 
         } 

        }); 
         // change: function(test){ 
        // var text = this.value() 
      var states=$("#state").data("kendoDropDownList"); 
states.bind("change", function(e) { 
    var text = (this.value()) 
        alert (text) 
}); 

      $("#products").kendoDropDownList({ 
         optionLabel: "Select product...", 
         dataTextField: "legislature_name", 
         dataValueField: "legislature_name", 
         dataSource: { 
          transport: { 
           read: { 
           url: "http://openstates.org/api/v1/metadata/"+text+"/?apikey=???????????????????", 
           dataType: "jsonp" 
           } 
          } 
          } 


         }) 
         $("#products").data("kendoDropDownList"); 
     }); 




      </script> 


     </div> 
    </body> 
</html> 

답변

0

계단식 드롭 다운을 만드는 것으로 보입니다. 상태 드롭 다운 목록에서 값을 선택하면 선택된 상태에 사용할 수있는 제품을로드합니다. Telerik에서 콤보 상자 컨트롤 (드롭 다운 목록에서도 동일하게 작동)을 사용하는 방법에 대한 유용한 문서가 있습니다 : http://docs.kendoui.com/getting-started/web/combobox/cascading. 실제로 cascadeFrom이라는 속성이 있습니다.이 속성을 제품 드롭 다운 목록에서 설정하여 상태 드롭 다운 목록에서 계단식으로 표시 할 수 있습니다. 희망이 도움이됩니다!