Kendo UI下拉列表需要最大選項的大小

var ddlViews = $('#ddlViews').data("kendoDropDownList"); 
     ddlViews.list.width("auto");

我已經將寬度添加爲自動但它不工作，下拉框的寬度也會獲得所選項目的最大寬度並溢出框。我希望下拉框具有固定的寬度，但下拉列表項應該以單行顯示內容。正常下拉將起作用。Kendo UI下拉列表需要最大選項的大小

來源

2013-07-17 Raza

http://tinypic.com/r/2vt63pc/5 這裏是不起作用的屏幕，任何想法將不勝感激。 – Raza

ddlViews.list.width（「auto」），你是什麼意思的.list？ KendoDropdown上沒有這種屬性。 – Vojtiik

//獲得DropDownList參考 var dropdownlist = $（「＃size」）。數據（「kendoDropDownList」）; //設置DropDownList的寬度 dropdownlist.list.width（500）; 檢查此鏈接以獲取更多文檔 http://www.kendoui.com/forums/kendo-ui-web/dropdownlist/dropdownlist-width-.aspx – Raza

.k-dropdown { 
    max-width:10em !important; 
}

這些添加到您的CSS和它的作品，寬度將是你想要的最大寬度指定，使下拉框是這個最大寬度，而內容/項目將在一行。

！！重要的財產有力地增加了你想要的風格。它也覆蓋了kendo計算的寬度。

感謝您的回答。

希望這會有所幫助！ Raza

來源

2013-07-19 06:53:09 Raza

按照這個答案設置寬度上的下拉列表：Kendo dropdown width

.k-dropdown { 
    width: 250px; 
}

來源

2013-07-17 13:24:13 Vojtiik

要設置下拉框固定的寬度（僅列表），使用

ddlViews.list.width(200);

要爲下拉是否列表中設置固定寬度是活躍與否，在CSS中定義寬度爲

<select id="ddlViews" style="width:200px;" > 
    <option></option> 
</select>

我能夠顯示選項在通過CSS一行內容

ddlViews.list.css("white-space","nowrap");

來源

2013-07-18 03:40:43 rafoo

.k-list-container{ 
    min-width:126px !important;//give a min width of your choice 
    width: auto!important; 
} 
.k-list 
{ 
    width:auto !important; 
}

dropdown

link to js fiddle

來源

2013-07-18 03:45:03

jsfiddle在堆棧溢出選項之前缺少打開選項標記。 – Atishay

謝謝。你幫了我很多。 – ozeray

我們可以爲Kendo UI組合框列表寬度設置2種方式的寬度。

回答-1 * 對於靜態方式 *

// get reference to the DropDownList 
var dropdownlist = $("#size").data("kendoDropDownList"); 
// set width of the DropDownList 
dropdownlist.list.width(500);

回答-2使用動態方式 CSS

.k-list-container 
    { 
     white-space: nowrap !important; 
     width: auto!important; 
     overflow-x: hidden !important; 
     min-width:243px !important; 
    } 

    .k-list 
    { 
     overflow-x: hidden !important; 
     /*overflow-style: marquee;*/ 
     overflow-y: auto !important; 
     width:auto !important; 
    }

這上面的CSS代碼將用於動態數據的工作加載。

來源

2013-11-19 12:09:20

劍道有，現在全力支持，與autoWidth選項

<input id="dropdownlist" style="width: 100px;" /> 
<script> 
$("#dropdownlist").kendoDropDownList({ 
    autoWidth: true, 
    dataSource: { 
    data: ["Short item", "An item with really, really long text"] 
    } 
}); 
</script>

來源

2017-08-04 08:46:45 CMS

Kendo UI下拉列表需要最大選項的大小

回答

相關問題