jQuery select2 json数据与optgroup和图像

2021/01/18 12:31 · jquery ·  · 0评论

我在Spring MVC中使用select2。我从控制器获取了数据,这些数据需要在选项中显示。但我希望将它们分组为optgroup,也希望将图像附加到其中,可以按如下所示手动插入它们:-

 <optgroup label="group">
    <option value="imageName">value 1</option>
    <option value="imageName">value 1</option>
    </optgroup>

其中imageName是图像的名称。我想要:1)json中的组选项。2)在json中提供此图片属性,以便select2可以形成数据。

这是代码:

$("#my-select").select2({
        data : [ {
            id : 0,
            text : 'enhancement'
        }, {
            id : 1,
            text : 'bug'
        }, {
            id : 2,
            text : 'duplicate'
        }, {
            id : 3,
            text : 'invalid'
        }, {
            id : 4,
            text : 'wontfix'
        } ]
    });

我从我的对象手动创建我的json。所以我可以在这里提供任何数据。有什么建议 ?

Select2使用以下逻辑将数据对象映射到<option><optgroup>标签


看起来像一个数据对象(列表中返回的内容)

{
  'id': 'value-here',
  'text': 'text-here'
}

将被映射到一个<option>看起来像

<option value="value-here">text-here</option>

看起来像的数据对象

{
  'text': 'label-here',
  'children': [data_object, data_object]
}

将被映射到一个<optgroup>看起来像

<optgroup label="label-here">
  <!-- HTML for the `children` -->
</optgroup>

因此,您要返回的数据对象是

{
  'text': 'group',
  'children': [
    {
      'id': 'imageName',
      'text': 'value 1'
    },
    {
      'id': 'imageName',
      'text': 'value 1'
    }
  ]
}
本文地址:http://jquery.askforanswer.com/jquery-select2-jsonshujuyuoptgrouphetuxiang.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!