无法控制剑道多选下拉宽度

时间:2019-05-20 05:45:50

标签: kendo-ui

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看起来像一个小的文本框(参见图片)。如何解决此问题?

0 个答案:

没有答案