如何避免键入Kendo多选下拉列表

时间:2016-11-03 15:18:36

标签: kendo-ui

我正在使用Kendo multiselect drop down,但要求是在点击下拉列表选项后避免输入框输入。我已尝试过链接http://www.telerik.com/中提供的解决方案,但它没有不能使用mac。 我的代码: -

vm.partnerOptions = {
                    animation: RefineBarService.animation,
                    dataSource: vm.partnersData,
                    dataTextField: "id",
                    dataValueField: "id",
                    placeholder: "All Partners",
                    headerTemplate: $compile(angular.element("#partner-header-template").html())($scope),
                    itemTemplate: angular.element("#partner-item-template").html(),
                    tagTemplate: angular.element("#partner-item-template").html()
                };
                vm.owners = res.data.owners;
                vm.reasons = res.data.reasons;});

Solution1尝试: -

$('input').on('keypress',function(e){
                    e.preventDefault();
                  })

Solution2尝试: -

$('.k-input').attr('readonly', "readonly")

1 个答案:

答案 0 :(得分:1)

这对我有用,

let ms =  $("#drpMultiSelect").data("kendoMultiSelect");
ms.input.attr("readonly", "readonly");