textboxlist pre-select items

[Joshua Graham, modificado hace 8 años.]

Hi Guys,

I have a aui-texboxlist on one of my pages and I would like to set some of the items as pre-selected. What is the best way to do this?

I'm using the "dataSource" attribute to load a list of auto-complete items

I can add an item using the textboxlist.add("item text") however doing it this way break my "add" and "remove" handlers.

var textBoxList = new A.TextboxList(
{   dataSource: [["something", "like", "this"]],
    schema: ['key', 'listItem', 'name'],
    matchKey: 'name',
});
tboxList.add("this"); //this makes "this" appear in the textboxlist 
///but doesn't set the item.key element in the remove event
tBoxList.entries.after('remove', function(event) {
        event.item.key === undefined
        });

[Nate Cavanaugh, modificado hace 8 años.]

Hi Josh,
Unfortunately, when you call add with the value, it doesn't look up the data source reference internally, since there could technically be multiple entries for the same value.

However, the way I can imagine doing it would be to manually add it to the underlying entries object and change the add call to this:

tboxList.entries.add({
key: 'something',
listItem: 'like',
name: 'this'
});

Hope that helps a bit,