Question

我有一个Kendo下拉列表，我想在模板中设置它的列表高度属性。我不知道该怎么做。这是我现有的模板：

<script type="text/x-kendoui-template" id="dropdown-template">
<label for="#:field#DropDown">#:label#:</label>  
<input id="#:field#DropDown" 
    data-option-label="&nbsp"
    data-role="dropdownlist"
    #if (data.dataTemplate) {#
        data-template="#:dataTemplate#"
    #}#
    #if (data.cascade) {#
        data-cascade-from="#:cascade#DropDown"
    #}#
    data-text-field="#:text#"
    data-value-field="#:id#"
    #if (data.events) {#
        data-bind="disabled: showRequisitionList, source: #:field#DropDownDataSource, value: #:field#, events: {#:events#}"
    #} else {#
        data-bind="disabled: showRequisitionList, source: #:field#DropDownDataSource, value: #:field#"
    #}#
    data-animation="false"  

        >
</>

Answer 1

在尝试了一些事情后，我只需将以下内容添加到模板代码中即可获得配置高度。我对其进行了硬编码，但应该能够将其作为参数并动态设置每个参数。

data-height = "650"

Answer 2

只需编写一行代码：

  $("#dropDownList1").kendoDropDownList({
            optionLabel: "Select Dropdown",
            dataTextField: "Dropdown",
            dataValueField: "Dropdown",
            height:"auto",

意思是你写：身高：“自动”。它会很好。谢谢

Answer 3

简单的事情：

在下拉列表功能中定义高度，如。

高度： “自动”;
或定义下拉类并修复CSS上的高度，如

HTML： -

   <input type="type" class="Dropdown" />

CSS：

   <style>
       .Dropdown{
           Height:auto}
        </style>

如何在模板中设置Kendo DropDownList列表高度？

3 个答案: