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不可滚动

回答

相关问题