在select2多选中加载值

Question

我使用select2代替搜索框。

这里我使用的加载这样

$("#countries").select2({ 
    multiple: true, 
    tags:["India", "Japan", "Australia","Singapore"], 
    tokenSeparators: [","] 
}); 

当我按下保存按钮，它们被正确地提交到服务器，现在这里的问题是，当 我想修改该国领域的国家价值观保存到服务器后，我如何将保存的值加载到国家字段。

这是我从服务器获取数据

$.getJSON('/dataprovider?data=fetchCountriesForm', function(opts) { 

    //the opts here contains the json values of the countries. 

    //what code should be written here to load the values in $('#countries).select2(); 

    //user can add some more countries or can remove the previously added countries. 

} 

Answer 1

我只需使用这个http://ivaynberg.github.io/select2/#event_ext_change链接并使用触发器功能加载值

$.getJSON('/dataprovider?data=fetchCountriesForm', function(opts) { 
     parent.parent.parent.showLoader(); 
     if (opts) { 
      $("#countries").val(opts).trigger("change"); 
     } 

这个技巧在选择框中加载值。

Answer 2

请看看一个documentation第Loading Remote Data。

你会发现和例子，如：

$("#e6").select2({ 
    placeholder: "Search for a movie", 
    minimumInputLength: 1, 
    ajax: { 
      // instead of writing the function to execute the request we use Select2's convenient helper 
      url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json" 
      // Other stuffs 
      } 
}); 

你也可以这样做：

$.getJSON('/dataprovider?data=fetchCountriesForm', function(opts){ 
    $("#countries").select2({ 
     data: opts 
    }); 
}) 

你JSON数据格式必须是象下面这样：

[{id:0,text:'enhancement'}, 
{id:1,text:'bug'}, 
{id:2,text:'duplicate'}, 
{id:3,text:'invalid'}, 
{id:4,text:'wontfix'} 
]