Question

我有一个kendoListview必须滚动到顶部，在按钮分页（pageNumbers）中点击它应该转到页面顶部

请让我知道我怎么能实现。

感谢。

Answer 1

尝试在window.scrollTo(0,0)事件中执行dataBound：

dataBound: function() {
    window.scrollTo(0,0);
}

在此处查看：http://dojo.telerik.com/@OnaBai/Odebi/2

Answer 2

我在Kendo移动MVVM中找到了这个功能

parent.set('onShow', function (e) {
   e.view.scroller.reset();
}

Answer 3

如果您使用的是KendoPager，它将完成您需要做的事情。

在页面中，您可能会让KendoListView和KendoPager声明如下：

export type PropsType = typeof stateProps & typeof dispatchProps & {
  text: string;
  onChangeText(text: string): void;
};

class SearchBox extends React.Component<PropsType> {
  render() {
    return (
      <input
        value={this.props.text}
        onChange={(e) => this.props.onChangeText(e.currentTarget.value)}
      />
    );
  }
}

在JavaScript中，当您初始化KendoPager时，连接一个<div>事件，如下所示：

<ul id="results" class="list-group list-group-flush"></ul>
<div id="resultsPager" class="k-pager-wrap"></div>

页面更改后，它将调用resultPager_OnPageChanged函数，如下所示：

change

这会将KendoListView内容滚动回到顶部。

KendoListView，滚动到顶部，这可能吗？

3 个答案: