我的列表是不同的,但一個很好的開始參考是在https://demos.telerik.com/kendo-ui/dropdownlist/index
我需要設置一個劍道下拉列表的最大高度。該列表沒有標題、N個元素和一個包含添加更多元素的按鈕的頁腳。在某個閾值之后,比如說8個項目,我希望它打開垂直滾動條,并將高度固定在這個最大值。具體高度我不挑剔,但大概是400px左右。
我可以并且已經設置了& quot身高選項,但是在某個閾值之后,頁腳會位于項目列表的下方(和外部)。劍道高度似乎沒有考慮到頁腳高度,但不能確定。
Kendo決定將內容放在這個完全獨立于原始選擇器的區(qū)域中。不幸的是,我需要對這個單獨的HTML進行樣式化。也就是說,我想要樣式化div.k-animation-container和下面的內容。而且,最重要的是,我希望不同的下拉菜單有不同的樣式,所以我不能使用通用的樣式。
我如何設計劍道元素的風格?k-動畫-容器?
目前,我在頁腳添加一個id,找到它并尋找最近的。k動畫容器。但是我想設計。k-animation-直接容器。
我不確定這是否相關,但我使用Angular構建了這個劍道下拉組件。
我不認為你可以直接得到動畫容器(除非頁面上只能有一個)。屬性可以避免插入id。下拉控件的popup屬性。例如,處理open事件:
open: function(e) {
var $pop = e.sender.popup.element;
$pop.closest('.k-animation-container').css('height', 'auto');
$pop.css('height', 'auto');
$pop.find('.k-list').css('height', 'auto').css('max-height', '400px');
}
這是一個演示
更改“NumberOfItems”變量以查看下拉高度增長,直到最大值為400px。