5
W liście rozwijanej Kendo UI możliwe jest poszerzenie panelu sterowania niż sterowanie?Kendo UI Dropdown, dzięki czemu panel rozwijany jest szerszy niż kontrolka
A
Odpowiedz
2
Jeśli id z dropDownList jest drop, trzeba zdefiniować styl CSS jak:
#drop-list {
width: 300px !important;
}
nadpisanie KendoUI obliczoną szerokość i ustawić go (w tym przykładzie) 300px.
+1
Po wypróbowaniu tego, mam dwa komentarze dla innych, którzy mogą to przeczytać: Musiałem użyć # drop-list {width: 300px! important; }. NIE zakładaj, że lista rozwijana Kendo jest NASTĘPNA w stosunku do twojej pierwotnej listy rozwijanej (tej z id of drop) podczas tworzenia twojego nowego CSS dla listy, ponieważ tak nie jest. W wersji 2015.1.318 Kendo wydaje się, że lista znajduje się na dole dokumentu HTML (poza moim pierwotnie związanym DIV). –
6
Innym możliwym podejściem:
var dropdownlist = $("#titles").data("kendoDropDownList");
// set width of the drop-down list
dropdownlist.list.width(400);
Fragment kodu jest wzięte z oficjalnych przykładach (link).
+0
To zadziałało dla mnie, dzięki, sasheto. 'Dropdownlist.list.width (400);' sprawia, że panel rozwijany ma inną szerokość niż samo okno kontrolne. –
1
Faktycznie, jest to polecenie, że:
$("#idOfMyDropDownList").data("kendoDropDownList").list.width("auto");
0
Innym możliwym rozwiązaniem:
$("[data-role=dropdownlist]").each(function() {
$(this).data("kendoDropDownList").list.width(300);
});
http://www.telerik.com/community/forums/silverlight/gridview/how -do-określenia-szerokości-of-gridviewcomboboxcolumn-drop-down.aspx –