多选择框
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' });
}
},