剑道网格:需要两个水平滚动条，一个在标题字段下方，另一个在网格底部

Question

我正在开发剑道UI。我要求有两个水平滚动条，一个在标题字段下方，另一个在底部。

我看到了一些示例，它们有两个水平滚动条，一个在网格上方，另一个在底部。那不符合我的要求。

一定要帮忙，因为我试了很多，但都没能想出解决办法。

Answer 1

在网格模板中添加一个包装器div页眉和页脚。

<script id="javascriptTemplate" type="text/x-kendo-template">
<div class="wrapper1">      
</div>
Grid template content header, body and footer 
<div class="wrapper2">
</div>
</script>

然后

$(".wrapper1").scroll(function(){
$(".wrapper2")
.scrollLeft($(".wrapper1").scrollLeft());
});
$(".wrapper2").scroll(function(){
$(".wrapper1")
.scrollLeft($(".wrapper2").scrollLeft());
});

如果您希望滚动显示在页眉或页脚中，则需要分别使用页眉和页脚模板。这是对头模板的api引用。剑道网格头模板