Skip to content
This repository was archived by the owner on Jul 1, 2025. It is now read-only.
This repository was archived by the owner on Jul 1, 2025. It is now read-only.

Multi-select flashes selection and sometimes loses selection with virtualization on #252

Description

@DOTang

Please see this working example:
http://dojo.telerik.com/OGuGuDah

<input data-bind="kendoMultiSelect: {
                value: selectedChoices,
                autoBind: false,
                placeholder: 'Select addresses...',
                itemTemplate: '#= OrderID # - #= ShipName #, #= ShipCountry #',
                dataTextField: 'ShipName',
                dataValueField: 'OrderID',
                height: 520,
                filter: 'contains',
                virtual: {
                    itemHeight: 26,
                    valueMapper: function(options) {
                        $.ajax({
                            url: 'https://demos.telerik.com/kendo-ui/service/Orders/ValueMapper',
                            type: 'GET',
                            dataType: 'jsonp',
                            data: convertValues(options.value),
                            success: function (data) {
                                options.success(data);
                            }
                        })
                    }
                },
                dataSource: {
                    type: 'odata',
                    transport: {
                        read: 'https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders'
                    },
                    schema: {
                        model: {
                            fields: {
                                OrderID: { type: 'number' },
                                Freight: { type: 'number' },
                                ShipName: { type: 'string' },
                                OrderDate: { type: 'date' },
                                ShipCity: { type: 'string' }
                            }
                        }
                    },
                    pageSize: 80,
                    serverPaging: true,
                    serverFiltering: true
                }
            }
" style="width: 100%; height: 100%; display: none;" data-role="multiselect" multiple="multiple" aria-disabled="false">

If I use the knockout-kendo declaration but remove the value being set to an observable:

value: []

Then it works without the flashing (but then it's obviously not hooked up to an observable array). The fact that it works in the attribute string syntax still, makes me thing there's an error just in binding it to an observable.

Long shot since it seems development on this has stopped and no one has answered in a year, but I'm stumped and don't possess the skill to understand the source code or modify it.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions