Kendo ui comboBox不可滾動

我的劍道ui下拉線的外觀和感覺有點冒失它不顯示滾動條。這是怎麼了定義和使用它（使用angularJS）Kendo ui comboBox不可滾動

HTML：

<kendo-combo-box 
ng-init="productFindCtrl.init()" 
    k-data-source="productFindCtrl.getProductsDS()" 
    k-data-text-field="'productId'" 
    k-data-value-field="'productId'" 
    k-min-length="3" 
    k-filter="'startswith'" 
    k-select="productFindCtrl.selectProduct" 
    style="width: 55%"> 
</kendo-combo-box>

的Javascript代碼（控制器）

controller: function($scope, $http){ 
     var instance = this; 

     this.init = function() {     
      $http.get("http://theUrlToResourceGoesHere?param=value").then(     
       function (response) { 
        //SUCCESS 
        console.log("SUCCESSFUL FOR PRODUCTS") ; 
        instance.products = response.data.products; 
        instance.metadata = response.data.metadata; 

        console.log("Products: "+instance.products) ;      
       }, 
       function (response) { 
        console.log("ERROR LOADING JSON DATA") ; 
       }); 

     }; //end of productFindCtrl.init() 

     //get productsDS 
     this.getProductsDS = function(){ 
      return instance.products; 
     } 
    },

結果是一個混亂的下拉/組合框。我遇到同樣的問題，試圖使用任何部件。

但是，當我在看樣品，他們做同樣的事情，他們有一個非常正確尋找下拉菜單，等...什麼是錯在這裏？

來源

2016-07-29 Dima R.

這發生在我身上，我有所有必需的CSS等。我通過添加：

.k-list-scroller { 
    position: relative; 
    overflow: auto; 
}

到我的CSS文件。

問題是該代碼沒有在kendo.common.css中定義，該代碼是默認的css文件，但在kendo.common-material.css中定義，只有在您要使用材質或材質黑色主題時才需要使用該代碼。

來源

2016-07-30 12:36:55

謝謝。它實際上爲我工作，覆蓋.k-list-container樣式。我通過「檢查」元素來了解它。我是一個初學html5等概念的人，所以術語是我的問題。 –

確保Kendo UI JavaScript和CSS文件來自同一版本。
如果這是真的，嘗試從頁面中刪除非Kendo UI CSS樣式來檢查CSS衝突。
確保頁面有一個DOCTYPE，瀏覽器以標準模式顯示它，而不是Quirks模式。

來源

2016-07-29 19:48:41 dimodi

Kendo ui comboBox不可滾動

回答

相關問題