listview - 滚动时移动列表视图过滤器始终可见

Question

使用 KENDO UI MOBILE 当我向下滚动内容时，如何让过滤框始终可见？

 function mobileListViewEndlessScrolling() {
            var dataSource = new kendo.data.DataSource({
                pageSize: 40,
                serverPaging: true,
                serverFiltering: true,
                transport: {
                    read: {
                        url: "http://search.twitter.com/search.json?rpp=1&page=1&q=koi", // the remove service url
                        dataType: "jsonp" // JSONP (JSON with padding) is required for cross-domain AJAX

                    },
                    parameterMap: function(options) {
                        var filter = options.filter ? options.filter.filters[0].value : "";
                        var parameters = {
                            q: filter, //additional parameters sent to the remote service
                            rpp: options.pageSize,
                            page: options.page //next page
                        }

                        return parameters;
                    }
                    //http://localhost:50833/Service1.svc/GetLocalita.json?q=&rpp=10&page=1
                },
                schema: { // describe the result format
                    data: "results" // the data which the data source will be bound to is in the "results" field
                }
            });

            $("#endless-scrolling").kendoMobileListView({
                dataSource: dataSource,
                template: $("#endless-scrolling-template").text(),
                filterable: true,
                endlessScroll: true,
                scrollTreshold: 30 //treshold in pixels
            });
       }

Answer 1

这是剑道给出的解决方案:)祝你好运！

http://dojo.telerik.com/afosu

Answer 2

我也试图实现相同的行为并检查了剑道支持。他们告诉我，截至今天，不支持这种行为。它甚至不适用于 -webkit-overflow-scrolling: touch; 应用于 List 的 CSS。我认为他们实现了这样的行为，因为 iOS 列表的行为方式相同。无论如何，拥有一个静态过滤器很好，这样您就不必向上滚动来过滤列表。