mcautocomplete在slickgrid上消失

我在我的slickgrid中添加了mcautocomplete。如果我檢查一些複選框，mcautocomplete表格在slickgrid上不再可見。請檢查圖片。我如何確保我的自動填充選項在我的滑動網格上可見？mcautocomplete在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; 
    } 
});

來源

2017-08-24 Nakres

您可以嘗試的z-index（這可以是複雜的，一切都歸結到容器中的元素的優先級），但我發現，一些JavaScript控件的結構根本就沒有與SlickGrid兼容。
（並不是說mcautocomplete不兼容，只要調整正確，但它可能不是）。

例如，我使用'selected'作爲下拉菜單，但由於它使用的表格元素不能很好地與slickgrid基礎結構配合使用，所以我不得不放棄'select2'。在6pac github存儲庫中有一個'select2'示例，我認爲select2具有自動更正模式。也許值得嘗試一下。

來源

2017-08-25 00:11:39

我找到了這個例子，它的效果很好。非常感謝你。 http://6pac.github.io/SlickGrid/examples/example-select2-editor.html – Nakres

mcautocomplete在slickgrid上消失

回答

相關問題