[RESOLVED] tooltip of cobobox items show under combobox panel

[Coder]

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.


How to fix it?

[jarry]

Please set the 'zIndex' with a bigger value when displaying the tooltip.

Code:

$('#tt').tooltip({
	onShow: function(){
		$(this).tooltip('tip').css({
			zIndex: 99999999
		});
	}
})