Блог

Я пытаюсь найти плагин picklist, который может поддерживать отображение изображений, что исключает теги select и option (и, следовательно, этот плагин: http://gsgd.co.uk/sandbox/jquery/picklists /). Кто-нибудь знает об этом? Я искал высоко и низко, но безуспешно.

Был один «Список выбора Додо», но ссылка мертва.

Спасибо.

Еще один, который стоит проверить, — это jquery-picklist . Он создает список выбора из обычного множественного варианта HTML <select> , например:

Пример HTML:

 <select id="foobar" name="foobar" multiple="multiple">
    <option value="1">Foo</option>
    <option value="2">Bar</option>
    <option value="3">Foobar</option>
</select>

<div id="someElement">
    <div><img src="foobar.png" /></div>
    <div>A rich item!</div>
</div>
  

Пример JS:

 $("#foobar").pickList(
{
    items:
    [
        {
            value: 4,                   // Sent in POST (if item has been selected)
            label: "A Rich Item"        // Used for sorting, not displayed for rich items
            selected: true,             // true puts item in "selected" list, false puts item in "available" list
            element: $("#someElement")  // The DOM element to be used as the item
        }
    ]
});
  

Как показано в примере, массив объектных литералов может быть передан во время инициализации. Эти объектные литералы определяют элементы, которые будут добавлены в список во время создания.

Элементы расширенного содержимого могут быть добавлены путем указания element свойства в литерале объекта. Можно использовать любой элемент DOM (существующий ранее или созданный на лету). Подробная информация о расширенных элементах содержимого задокументирована здесь .

Отказ от ответственности: Я автор плагина. Я рекомендую вам попробовать их все для себя и решить, что работает для вас.

Вы пробовали http://code.google.com/p/jquery-picklist / ?

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

Список выбора PrimeUI поддерживает настраиваемый контент;

http://www.primefaces.org/primeui/picklist.html