在kendo
的多选下拉菜单中,我们面临的问题是-如果我们添加一个非常大的新技能,而现有技能无法选择,则剑道会继续增加其宽度,同时还会添加一个小的新技能,光标移至下一行。
让我知道您对上述问题的解决方案。要解决此问题,我们在引导程序div kendo-width
中添加了一个类class col-xs-12 col-sm-6 col-md-6 col-lg-6
(请参见图片),并在页面上获得了kendo
的宽度加载并调整大小,然后将该值应用于-k-multiselect-wrap k-floatwrap类,以便解决最主要的问题。
$( window ).on("load resize",function() {
var kendoWidthResize = $(".kendo-width").width() -6;
$(".customize-kendo .k-multiselect-wrap.k-floatwrap").css("width", kendoWidthResize);
});
kendo初始化代码
$(\"#selects\").kendoMultiSelect({
placeholder: \"Skills\",
dataTextField: 'text',
dataValueField: 'value',
dataSource: data,
dataBound: onDataBound,
filtering: onFiltering,
deselect: onDeselect,
select: onSelect,
change: onChange,
close: onClose,
open: onOpen,
filter: \"startswith\"
});
在调整大小时,我们获得了正确的宽度,但是在加载时,该宽度未应用于.k-multiselect-wrap
类,并且kendo
看起来像一个小的文本框(参见图片)。如何解决此问题?