支持丰富内容的 jquery 选择列表插件 - 有吗？答案

【问题标题】：jquery picklist plugin supporting rich content - is there one?支持丰富内容的 jquery 选择列表插件 - 有吗？
【发布时间】：2011-10-12 16:17:29
【问题描述】：

我正在寻找一个可以支持显示的选项列表插件图像，它排除了选择和选项标签（因此这个插件： http://gsgd.co.uk/sandbox/jquery/picklists/)。有人知道吗？我曾高高在上，但没有成功。

有一个“Dodo 的选择列表”，但链接已失效。

谢谢。

【问题讨论】：

标签： jquery plugins jquery-plugins

【解决方案1】：

另一个要查看的是 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 元素（预先存在的或动态创建的）。丰富内容项目的详细信息是documented here。

免责声明：我是插件的作者。我鼓励你自己尝试一下，然后决定什么对你有用。

【讨论】：

【解决方案2】：

你试过http://code.google.com/p/jquery-picklist/吗？

我刚刚看了演示（其中还包含文档），它看起来就像您要求的那样。

【讨论】：

【解决方案3】：

PrimeUI 的 PickList 支持自定义内容；

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

【讨论】：