Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
150455 | Jan 7,2020 09:27 PM UTC | Jan 11,2020 11:02 AM UTC | Vue | 1 |
![]() |
Tags: MultiselectDropDown |
onChange: function(args) {
var multiSelectObj = this.$refs.multiSelectObj.ej2Instances;
if (multiSelectObj.viewWrapper) {
multiSelectObj.viewWrapper.style.display = 'none';
}
multiSelectObj.chipCollectionWrapper.style.display = 'block';
let inputPos = multiSelectObj.overAllWrapper.getBoundingClientRect()
let popupPos = multiSelectObj.popupWrapper && multiSelectObj.popupWrapper.getBoundingClientRect();
if (inputPos && popupPos && (inputPos.top + inputPos.height > popupPos.top)) {
multiSelectObj.popupWrapper.style.top = (inputPos.top + inputPos.height) + 'px';
}
},
onSelect: function(args) {
var multiSelectObj = this.$refs.multiSelectObj.ej2Instances;
multiSelectObj.addChip(args.itemData.Game, args.itemData.Id, args.e);
setTimeout(this.onChange, 5)
},
onCreated: function() {
var multiSelectObj = this.$refs.multiSelectObj.ej2Instances;
multiSelectObj.chipCollectionWrapper = multiSelectObj.createElement('span', {
className: 'e-chips-collection',
styles: 'display:none'
});
multiSelectObj.componentWrapper.appendChild(multiSelectObj.chipCollectionWrapper);
//multiSelectObj.value = ['Game1','Game2']; // You can set the preselect the value
},
onFocus: function(args) {
document.getElementsByClassName('e-delim-view')[0].style.display = 'none';
},
onSelectAll: function(args) {
var multiSelectObj = this.$refs.multiSelectObj.ej2Instances;
multiSelectObj.hidePopup();
},
onRemove: function(args) {
setTimeout(this.onChange, 5);
}, |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.