将 div 附加到 Dojo DataGrid 水平滚动

【问题标题】：Attach a div to Dojo DataGrid horizontal scroll将 div 附加到 Dojo DataGrid 水平滚动
【发布时间】：2010-11-15 01:33:41
【问题描述】：

我正在以编程方式构建一个固定宽度的数据网格，并尝试在其顶部放置一个标题，该标题将随之滚动。我不能将其作为网格的一部分，因为这会破坏单元格的固定宽度。

我希望能够滚动顶部 div，因为 DataGrid 的滚动条滚动。这似乎标题已经如何工作，所以它应该是可能的。我只是不知道如何链接/附加它。

【问题讨论】：

你不是也把这个发到道场邮件列表了吗？

标签： datagrid dojo scroll

【解决方案1】：

好的，我想通了……如果有人感兴趣的话。您需要扩展 _View 以包含要更新的内容。最困难的部分是布局 div 结构，以便它在 IE 和 FF 中工作，只是真的复制了已经滚动的数据网格标题的内容。这是声明：

dojo.declare("custom.View", dojox.grid._View, {
    doscroll: function(inEvent) {
        this.inherited(arguments);
        var customHeader = dojo.byId('customGridHeader');
        if (customHeader) {
            customHeader.scrollLeft = this.scrollboxNode.scrollLeft;
        }
    },

    update: function(){
        this.inherited(arguments);
        var customHeader = dojo.byId('customGridHeader');
        if (customHeader) {
            customHeader.scrollLeft = this.scrollboxNode.scrollLeft;
        }
    }
});

【讨论】：