highlight list item and scroll to it

[RICHARD FRIEND]

Hi

I currently use this code to highlight a list item (after updating) - however i would like to scroll (smoothly if possible) to the item as well as highlighting it.



Is there an elegant way to scroll the listview to a specific item, ive tried scrollIntoView of the html element but it messes up my fixed headers.

highlightRow: function (listView, field, value)
        {
            setTimeout(function () {
                var items = listView.items();
                for (var i = 0; i < items.length; i++) {
                    var ele = $(items[i]);
                    var uid = ele.data('uid');
                    if (pev.isGoodString(uid)) {
                        var item = listView.dataSource.getByUid(uid);
                        if (item != null && typeof item != 'undefined' &&
                            item[field] == value) {
                            ele.find('.list-item').highlight();

                        }
                    }
                }
            }, 500);
        }


jQuery.fn.highlight = function () {

        $(this).each(function () {
            var el = $(this);
            el.before("<div/>")
            el.prev()
                .width(el.width())
                .height(el.height())
                .css({
                    "position": "absolute",
                    "background-color": "#ffff99",
                    "opacity": ".7"
                })
                .fadeOut(3000);
        });
    }

[Dimo]

Hi Richard,

The Kendo UI ListView does not have native item rendering or default scrolling behavior, that's why the described functionality is unfortunately not supported and should be achieved with a custom implementation.

Regards,
Dimo
Telerik