initSelection not populating select2-search-choice

[bahh...@gmail.com]

I've looked around for similar cases of this but I have not found anything. Basically I have my hidden input with the values that I would like to populate my select2 multi select input with in the value attribute. The initSelection loads the correct number of select2-search-choice elements into the input but none of the names or ids are properly put into the inside div where the text should be.

Any ideas on why this may be and how to fix this?

Thanks!

*Attached is a picture of the blank select2-search-choice elements\

[Igor Vaynberg]

most likely cause is that you are giving select2 objects in incorrect format. either they are missing the text attribute if you are using default renderers, or whatever custom attributes your custom renderers expect.

-igor

--
You received this message because you are subscribed to the Google Groups "select2" group.
To unsubscribe from this group and stop receiving emails from it, send an email to select2+u...@googlegroups.com.
To post to this group, send email to sel...@googlegroups.com.
Visit this group at http://groups.google.com/group/select2.
For more options, visit https://groups.google.com/groups/opt_out.

[bahh...@gmail.com]

All I am doing is putting the values (separated by commas) in the value attribute of the hidden input and then using the initSelection function supplied on the Select2 site for multiple values:

initSelection : function (element, callback) {
var data = [];
$(element.val().split(",")).each(function () {
data.push({id: this, text: this});
});
return callback(data);
}

Are you saying that there should be a text attribute in the object? Attached is what the current objects look like when I print each one inside the .each from above.

Thanks

[bahh...@gmail.com]

I don't think I am using any custom renderers. Any ideas on what I need to do to get this working?

On Monday, August 12, 2013 11:55:03 AM UTC-4, Igor Vaynberg wrote:

[Igor Vaynberg]

create a jsfiddle to reproduce.

-igor

[bahh...@gmail.com]

http://jsfiddle.net/wLV48/

[Igor Vaynberg]

like i said in the original reply, you are not giving select2 objects. it expects {id,text} you are just giving it a string:

 data.push(this.toString());

should be

 data.push({id:this.toString(),text:this.toString()});

-igor

[bahh...@gmail.com]

That was basically what I had in my second post. But it doesn't work either, it just supplies the right number of select2-search-choices but they are still blank.

Updated jsfiddle: http://jsfiddle.net/wLV48/3/

[Igor Vaynberg]

in that fiddle you do have custom renderers:

formatResult: function(item, page) {

return item.name

},

formatSelection: function(item, page) {

return item.name

},

so in that case initSearchChoice should be returning objects with a name property...

-igor

[bahh...@gmail.com]

Yep, that was it. Wasn't sure what you meant by custom render, but I got it! Thanks!