|
Title: [RESOLVED] tooltip of cobobox items show under combobox panel Post by: Coder on July 12, 2018, 05:29:18 PM combobox:
Code: , onBeforeLoad: mComboboxOnBeforeLoad_ClearTooltip , onLoadSuccess: mComboboxOnLoadSuccess_CreateTooltip , formatter: mComboboxFormatter formatter: Code: function mComboboxFormatter(row){ var currentValue = $( this ).combobox('getText'); var pattern = '(' + currentValue.replace(reEscape, '\\$1') + ')'; var s = "<div class=\"item "+row.cssID+" easyui-tooltip\" title=\""+row.Hint+"\">" + row.Label.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>') +"</div>"; return s; }; Tooltip clear: Code: function mComboboxOnBeforeLoad_ClearTooltip(param){ $( this ).combobox('panel').find('.easyui-tooltip').tooltip('destroy'); } Tooltip creator: Code: function mComboboxOnLoadSuccess_CreateTooltip(){ $( this ).combobox('panel').find('.easyui-tooltip').tooltip({ showDelay: 100 , position: 'bottom' }); } Result in attach pic. (http://) How to fix it? Title: Re: tooltip of cobobox items show under combobox panel Post by: jarry on July 13, 2018, 06:06:06 AM Please set the 'zIndex' with a bigger value when displaying the tooltip.
Code: $('#tt').tooltip({ onShow: function(){ $(this).tooltip('tip').css({ zIndex: 99999999 }); } }) |