2010-08-19 3 views
0

Я хотел бы показать мои результаты поиска разделены во многих колоннах, то есть в отдельных списках, как:JQuery UI автозаполнения - Отображение результатов в отдельных списках

 
Item 1 Item 5 Item 9 
Item 2 Item 6 Item 10 
Item 3 Item 7  
Item 4 Item 8  

После любым способом, чтобы показать, как много пунктов должны отображаться в списке перед созданием нового.

Я не знаю о функции formatItem() в автозаполнении, поэтому не уверен, что она может быть достигнута там.

Любые предложения/рекомендации будут высоко оценены, включая любой другой плагин/подход, который позволит мне получить этот результат.

Спасибо.

Edit:

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: -0.899994px; left: 0px; display: block; position: relative; width: 150px;"> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Shanghai</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Mumbai</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Karachi</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Delhi</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Istanbul</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">São Paulo</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Moscow</a> 
</li> 

Это автоматически сгенерированный HTML с помощью автозаполнения, и я хотел бы разделить его, скажем, каждые 3 пунктов в новом списке, таким образом каждый список становится столбец.

Возможно, я думаю о более сложном, чем необходимо, и есть другое, если это так, я буду признателен за любую проницательность.

Еще раз спасибо.

+0

швы как вопрос css. Вы хотите использовать 'height' и' float'. Покажите нам некоторые «HTML», и мы можем помочь больше. – Frankie

+0

Там вы идете, это html, который у меня есть, надеюсь, что это поможет. –

ответ

0

Нашел:

Multi-column lists

который был довольно легко интегрироваться с моей реализации и позволил мне иметь то, что я хотел.

Смежные вопросы