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

我也尝试实现相同的行为并使用Kendo支持进行检查。他们告诉我，截至今天这种行为不受支持。它甚至不能使用-webkit-overflow-scrolling：touch; CSS应用于List。我认为他们实现了这样的行为，因为iOS列表的行为方式相同。无论如何，有一个静态过滤器很好，所以你不必向上滚动来过滤列表。

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

2 个答案: