如何解决防止在角度剑道多选中删除退格中的选定项目
我有一个剑道多选控件。默认情况下,退格键删除最后选择的项目。因此,我尝试在this kendo doc
之后的键为“ Enter key”时限制用户输入 <kendo-multiselect #multiselect [data]="groupsDataSource"
placeholder="Type Group Id or Group Name"
[filterable]="true"
[textField]="'displayName'"
[valueField]="'id'"
[autoClose]="false"
(filterChange)="handleFilter($event)"
[virtual]="virtual">
</kendo-multiselect>
@ViewChild('multiselect',{ static: false }) public multiselect: MultiSelectComponent;
@ViewChild('multiselect',{ static: false }) public userInput: ElementRef;
ngAfterViewInit() {
this.bindKeyChange();
}
bindKeyChange() {
let searchbar = document.getElementsByClassName("k-searchbar")[0];
let input = searchbar.getElementsByClassName("k-input")[0];
input.addEventListener('keyup',function (event) {
console.log("within input");
if (event.keyCode == 8) {
event.stopImmediatePropagation();
event.preventDefault();
}
});
//let event = new KeyboardEvent('keyup',{ 'bubbles': true });
//this.userInput.nativeElement.dispatchEvent(event);
//this.multiselect.wrapper.nativeElement.dispatchEvent(event);
//this.multiselect.hostElement.children[0].onkeydown(function (e) { // host element is a private property
//console.log('key down');
//})
}
onKeyup(event) {
console.log(event)
}
onKeydown(event) {
console.log(event)
}
这无法将keyup / keydown事件与控件绑定。 我们如何实现这一目标?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。