ListView with Angular and multi-select not showing

[Christian]

Hi,

I'm using the ListView with Angular and when I set the selectable property to multiple the ListView is not showing anymore. When I set selectable back to true, it works correctly( setting it to single doesn't work either). Any ideas what the issue might be?

<div kendo-list-view
     class="productList"
     k-data-source="$ctrl.products"
     k-selectable="multiple">
    <div class="product" k-template>
        {{ dataItem.productName }}
    </div>
</div>

 

Thanks in advance,

Christian.

[Christian]

I've solved this by using k-options and setting the selectable property to multiple in the controller:

<div kendo-list-view
     class="productList"
     k-data-source="$ctrl.products"
     k-options="$ctrl.productListOptions">
    <div class="product" k-template>
        {{ dataItem.productName }}
    </div>
</div>

 

vm.productListOptions = {
    selectable: "multiple"
};

 

[Dimiter Topalov]

Hello Christian,

Good job on resolving the issue. As for the initial question - you can also configure the "k-selectable" option via the markup, but when a string like "multiple" is provided as value, it should be double-quoted, as otherwise the binding will be to a scope property, called "multiple", and if such does not exist, a JavaScript error will be thrown:

http://dojo.telerik.com/icepe

Regards,
Dimiter Topalov
Telerik by Progress