我的列表是不同的,但一個(gè)很好的開始參考是在https://demos.telerik.com/kendo-ui/dropdownlist/index
我需要設(shè)置一個(gè)劍道下拉列表的最大高度。該列表沒有標(biāo)題、N個(gè)元素和一個(gè)包含添加更多元素的按鈕的頁腳。在某個(gè)閾值之后,比如說8個(gè)項(xiàng)目,我希望它打開垂直滾動(dòng)條,并將高度固定在這個(gè)最大值。具體高度我不挑剔,但大概是400px左右。
我可以并且已經(jīng)設(shè)置了& quot身高選項(xiàng),但是在某個(gè)閾值之后,頁腳會(huì)位于項(xiàng)目列表的下方(和外部)。劍道高度似乎沒有考慮到頁腳高度,但不能確定。
Kendo決定將內(nèi)容放在這個(gè)完全獨(dú)立于原始選擇器的區(qū)域中。不幸的是,我需要對這個(gè)單獨(dú)的HTML進(jìn)行樣式化。也就是說,我想要樣式化div.k-animation-container和下面的內(nèi)容。而且,最重要的是,我希望不同的下拉菜單有不同的樣式,所以我不能使用通用的樣式。
我如何設(shè)計(jì)劍道元素的風(fēng)格?k-動(dòng)畫-容器?
目前,我在頁腳添加一個(gè)id,找到它并尋找最近的。k動(dòng)畫容器。但是我想設(shè)計(jì)。k-animation-直接容器。
我不確定這是否相關(guān),但我使用Angular構(gòu)建了這個(gè)劍道下拉組件。
我不認(rèn)為你可以直接得到動(dòng)畫容器(除非頁面上只能有一個(gè))。屬性可以避免插入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');
}
這是一個(gè)演示
更改“NumberOfItems”變量以查看下拉高度增長,直到最大值為400px。