KendoUI的MultiSelect 多选系列

最新推荐文章于 2021-03-29 16:15:45 发布

木生火18624

最新推荐文章于 2021-03-29 16:15:45 发布

阅读量5.3k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/penghao_1/article/details/88574216

版权

本文介绍了如何在KendoUI的MultiSelect组件中实现动态数据获取，避免出现多个选项框的问题，并展示了如何配置autoBind和autoClose属性以控制选择事件和匹配值的设定。

摘要由CSDN通过智能技术生成

从官网下载的例子

  <label for="optional">Optional</label>
     <select id="optionalselect"; name="contrycity" multiple="multiple" data-placeholder="Select attendees...">
      </select>
    <button class="k-button" id="get">search</button>

在js里面写死的是
 var optional = $("#optionalselect").kendoMultiSelect({
                autoClose: false
            }).data("kendoMultiSelect");

    $("#get").click(function () {
            alert(optional.value());
            countryValue = optional.value();
        });

如果改成动态获取数据那么

通过一个ajax获取返回的数据后，接着下面的代码

而且上面的代码还要改动，不然出现两个选项框

                   $(data).find('Table').each(function () {
                            var Country = $(this).find('Country').text();
                            mycity.push({
                                text: Country,
                                value: Country
                            });
                        });
                      //如果是常