選擇dropdownlist另一個dropdownlist是不可見的kendo ui mobile

Question

我有兩個dropdownlist的一個是類別，另一個是products.When我選擇類別dropdownlist，根據該類別的產品必須綁定到產品dropdownlist，從Web服務數據即將進入產品下拉列表，但在選擇爲普通頁面（未選擇）之前不可見，因此產品下拉列表可見。

在這裏，我提供我的代碼

$.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "WebService.asmx/ToFillCategoryDropDown", 
     dataType: "json", 
     success: function (data) { 
      var dataSource = []; 
      for (i = 0; i < data.d.length; i++) { 
       dataSource.push({ "CategoryName": data.d[i].CategoryName }) 
      }; 
      $("#ddlCategory").kendoDropDownList({ 
       dataTextField: "CategoryName", 
       dataValueField:"CategoryName", 
       dataSource: dataSource, 
       change: ChangeWeek 
      }); 
     }, 
     failure: function (msg) { 
      alert(msg); 
     } 
    }); 

    $("#ddlProduct").kendoDropDownList(); 

    function ChangeWeek(e) { 
     var ddlddlProduct = $("#ddlProduct");  //appending values.. 
     //debugger 
     var ddlCat = $("#ddlCategory").data("kendoDropDownList");  //passin fiscalmonth value 
     var dataItem = ddlCat.text(); 
     $.ajax({ 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      url: "WebService.asmx/ToFillProductDropDown", //controllerName/MethodName 
      data: "{'CategoryName':'" + dataItem + "'}", 
      dataType: "json", 
      async: false, 
      success: function (data) { 
       ddlReportWeek.empty(); 
       var dataSource = []; 
       for (i = 0; i < data.d.length; i++) { 
        dataSource.push({ "ProductName": data.d[i].ProductName }) 
       }; 
       $("#ddlProduct").kendoDropDownList({ 
        dataTextField: "ProductName", 
        dataSource: dataSource, 
        isVisible: true 
       }); 
      }, 
      failure: function (msg) { 
       alert(msg); 
      } 
     }); 
    } 
    var app = new kendo.mobile.Application(); 

Answer 1

在這種情況下，它可能更好使用Kendo UI Mobile Form Elements。這會使你的界面FEEL像一個移動窗體，與標準的網頁形式不一樣。這樣做需要您使用在Kendo UI Mobile應用程序內具有增強行爲的標準選擇框，因爲它與MVVM模式有關。您可以綁定它們的來源，值，事件以及文本和值字段。

下面是一個使用Kendo UI Mobile窗體和2個選擇列表的示例。類別選擇取決於在產品選擇中選擇的值。

http://jsbin.com/eyibap/1/edit