Where does the datasource of the destination listbox live?

[Mick]

So I may be missing something quite obvious, but I've been stuck on this for the past day.

I've got a source listbox with a destination listbox to the right. Let's say the datasource of the source listbox is optionList, and the datasource of the destination listbox is selectionlist. It appears selectionList does not get populated with the items moved from the source to destination listbox.

Am I looking in the wrong place to find the output list? It seems this is a new(er) feature so documentation and forum posts are light. I appreciate any help, thanks!

[Stefan]

Hello Mick,

When the two ListBox widgets are connected, moving the items will result in removing the item from the first dataSource and adding it to the second one.

I made an example demonstrating this. When the button has clicked the data for the second ListBox can be observed in the console:

http://dojo.telerik.com/ihIte

As for the light posts, this is indeed a new widget which was introduced in the beginning of May this year, and most of the resources are only in the documentation and the demos, but we try to improve them with more scenarios.

Regards,
Stefan
Progress Telerik

[Mick]

Ah, awesome! Thanks.

It seems I was missing the step of assigning the data to the list in scope. I tried setting dataSource in the options for the 'selected' list, but I guess that doesn't connect with the selected data items? I now have a function to return the list instead of trying to read the dataSource.

    $scope.getPlantList = function getPlantList () {
        let listBox = $("#selected").data('kendoListBox');
        if (listBox) {
            return listBox.dataSource.data();
        } else {
            return false;
}

 

Oh well, it's working now and I'm liking the new widget. Thanks again!