2016-12-28 89 views
0

我使用的是剑道下拉列表(静态内容)下面给出:如何调整剑道下拉列表窗口的剑道网格列内的高度

function artDropDownEditor(container, options) { 
    $('<input required data-text-field="Art" data-value-field="Landescode" data-bind="value:' + options.field + '"/>') 
     .appendTo(container) 
     .kendoDropDownList({ 
      autoBind: false, 
      dataSource: gridDataSource(actions.wasserversorgung.getAllWasserbezug, 10) 
     }); 
} 

     var wasserversorgungGrid = $("#wasserversorgung-grid").kendoGrid({ 
     dataSource: wasserversorgungGridDataSource, 
     scrollable: true, 
     navigatable: true, 
     sortable: true, 
     columnMenu: true, 
     selectable: "row", 
     editable: { 
      confirmation: "ausgewählte Wasserversorgung löschen?", 
     }, 
     pageable: { 
      pageSizes: [10, 20, 50], 
      refresh: true, 
     }, 
     filterable: true, 
     resizable: true, 
     height: 500, 
     columns: [ 
      { 
       field: "Wasserbezug", 
       title: "Art der Wasserversorgung", 
       width: "120px", 
       headerTemplate: "<span title='@I(40)' style='@S(40)'>Art der Wasserversorgung</span>", 
       editor: artDropDownEditor, 
       template: "#=Wasserbezug.Art#", 
      }, 
      ] 
     }).data().kendoGrid; 

     wasserversorgungGridDataSource.bind('dataBound', function(e) { 
      this.element.find('tbody tr:first').addClass('k-state-selected'); 
     }); 

的下拉列表中的数据源有10条记录,但只有9条可以在下拉菜单中看到,无需向下滚动。 现在,我想设置下拉列表,以便在不需要滚动的情况下看到所有10条记录。 有人可以告诉我一个方法如何做到这一点?

感谢和问候。 马努

回答

3

您可以使用DropDownList的高度配置(http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#configuration-height

function artDropDownEditor(container, options) { 
$('<input required data-text-field="Art" data-value-field="Landescode" data-bind="value:' + options.field + '"/>') 
    .appendTo(container) 
    .kendoDropDownList({ 
     autoBind: false, 
     dataSource: gridDataSource(actions.wasserversorgung.getAllWasserbezug, 10), 
     height: 1000 
    }); 
} 

此设置是“建议”的弹出窗口的高度不会超过项目的高度,也就是说,即使你设置的值到1000,但它只需要500px显示所有的项目,弹出只会是500px。

例子:http://dojo.telerik.com/@Stephen/OCOkI

如果没有高度的配置,会出现在目录弹出一个滚动条,并用它弹出的将是多么大到足以显示所有项目。

+0

@Stephen:谢谢你的提示。我不认为这很容易 - 它对我的情况非常有用! – Manu