mcautocomplete disparaissant sur slickgrid

Question

J'ai ajouté mcautocomplete à mon slickgrid. si je coche certaines cases, la table mcautocomplete n'est plus visible sur slickgrid. S'il vous plaît vérifier la photo. Comment puis-je m'assurer que mes options de saisie semi-automatique sont visibles sur mon slickgrid?

 $.widget('custom.mcautocomplete', $.ui.autocomplete, { 
    _create: function() { 
     this._super(); 
     this.widget().menu("option", "items", "> :not(.ui-widget-header)"); 
    }, 
    _renderMenu: function (ul, items) { 
     var self = this, 
      thead; 
     if (this.options.showHeader) { 
      table = $('<div class="ui-widget-header" style="width:100%"></div>'); 
      $.each(this.options.columns, function (index, item) { 
       table.append('<span style="font-weight:bold;background-color:#EEE8AA;padding:0 4px;float:left;width:' + item.width + ';">' + item.name + '</span>'); 
      }); 
      table.append('<div style="clear: both;"></div>'); 
      ul.append(table); 
     } 
     $.each(items, function (index, item) { 
      self._renderItem(ul, item); 
     }); 
    }, 
    _renderItem: function (ul, item) { 
     var t = '', 
      result = ''; 
     $.each(this.options.columns, function (index, column) { 
      t += '<span style="background-color:#ADD8E6;padding:0 4px;float:left;width:' + column.width + ';">' + item[column.valueField ? column.valueField : index] + '</span>' 
     }); 
     result = $('<div></div>') 
      .data('ui-autocomplete-item', item) 
      .append('<div class="mcacAnchor">' + t + '<div style="clear: both;"></div></div>') 
      .appendTo(ul); 
     return result; 
    } 
}); 

Answer 1

Vous pouvez essayer z-index (cela peut être complexe et tout se résume à la priorité des éléments conteneurs), mais j'ai trouvé que la structure de certains contrôles javascript sont tout simplement pas compatible avec SlickGrid.
(ne pas dire que mcautocomplete n'est pas compatible, avec les bons tweaks, mais il PEUT ne pas être). Par exemple, j'utilisais 'choisi' pour les listes déroulantes, mais comme il utilisait des éléments de table qui ne fonctionneraient pas bien avec l'infrastructure de slickgrid, j'ai dû abandonner cela pour 'select2'. Il y a un exemple 'select2' dans le dépôt github 6pac, et je pense que select2 a un mode de correction automatique. Peut-être la peine d'essayer.