多选择框

最新推荐文章于 2021-08-13 11:20:46 发布

yaozuodaoforfly

最新推荐文章于 2021-08-13 11:20:46 发布

阅读量115

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/yaozuodaoforfly/article/details/84121652

jQuery multiSelect

当multiSelect和easyUI的window结合后会出现下拉框对不齐的bug

解决办法：
<select id="iso_project" size=5 multiple="multiple" width=230 isRender=0>

$('#VersionProjectContainer').window('open');
var iso_project = document.getElementById('iso_project');
var isRender = iso_project.getAttribute('isRender');
f(isRender == 0){
$('#iso_project').multiSelect();
var ua = window.navigator.userAgent.toLowerCase();
if(/msie/.test(ua)){
$('#iso_project').attr('dialog',true);
}
}

// Show the dropdown
multiSelectOptionsShow: function() {
var multiSelect = $(this);
var multiSelectOptions = multiSelect.next('.multiSelectOptions');
var o = multiSelect.data("config");

// Hide any open option boxes
$('.multiSelect').multiSelectOptionsHide();
multiSelectOptions.find('LABEL').removeClass('hover');
multiSelect.addClass('active').next('.multiSelectOptions').css('visibility', 'visible');
multiSelect.focus();

// reset the scroll to the top
multiSelect.next('.multiSelectOptions').scrollTop(0);

// Position it
var offset = multiSelect.position();
var dialog = multiSelect.attr('dialog');
if(dialog){
multiSelect.next('.multiSelectOptions').css({ top: offset.top -5 + 'px' });
multiSelect.next('.multiSelectOptions').css({ left: offset.left - 5 + 'px' });
}else{
multiSelect.next('.multiSelectOptions').css({ top: offset.top + $(this).outerHeight() + 'px' });
multiSelect.next('.multiSelectOptions').css({ left: offset.left + 'px' });
}
},