[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
});
}
})