Where does the datasource of the destination listbox live?

3 posts, 0 answers
  1. Mick
    Mick avatar
    3 posts
    Member since:
    Aug 2015

    Posted 24 May 2017 Link to this post

    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!

  2. Stefan
    Stefan avatar
    3078 posts

    Posted 26 May 2017 Link to this post

    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:


    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.

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Mick
    Mick avatar
    3 posts
    Member since:
    Aug 2015

    Posted 31 May 2017 in reply to Stefan Link to this post

    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!

Back to Top