使用 jQueryUI 的新自动完成功能的多列结果的快速示例？

我刚刚发现jQueryUI 现在拥有自己的内置自动完成组合框。好消息！

不幸的是，我发现的下一件事是，使其成为多列似乎并不那么简单（至少通过文档）。

有一个在这里发帖有人提到他们已经做到了（甚至提供了代码），但我无法理解他们的一些代码在做什么。

我只是好奇是否有人以前遇到过这个问题，并且可以发布一个快速而简单的制作多列结果集的示例。

提前非常感谢。

我最终手动覆盖了_renderMenu and _renderItem毕竟功能。到目前为止，效果就像一个魅力，而且实际上very很容易做到。我希望有一个“每个实例”的解决方案，但当我们遇到它时，我们就会烧毁这座桥梁。这就是结果，再次感谢！

$.ui.autocomplete.prototype._renderMenu = function(ul, items) {
  var self = this;
  ul.append("<table><thead><tr><th>ID#</th><th>Name</th><th>Cool&nbsp;Points</th></tr></thead><tbody></tbody></table>");
  $.each( items, function( index, item ) {
    self._renderItem( ul.find("table tbody"), item );
  });
};

$.ui.autocomplete.prototype._renderItem = function(table, item) {
  return $( "<tr></tr>" )
    .data( "item.autocomplete", item )
    .append( "<td>"+item.id+"</td>"+"<td>"+item.value+"</td>"+"<td>"+item.cp+"</td>" )
    .appendTo( table );
};

$("#search").autocomplete({
  source: [
    {id:1,value:"Thomas",cp:134},
    {id:65,value:"Richard",cp:1743},
    {id:235,value:"Harold",cp:7342},
    {id:982,value:"Nina",cp:21843},
    {id:724,value:"Pinta",cp:35},
    {id:78,value:"Santa Maria",cp:787}],
  minLength: 1
});

​