将DataList滚动到对象

时间:2014-12-20 18:06:11

标签: javascript c# html asp.net

我有一个带有Weeknumber和每周项目的DataList。 DataList(作为具有水平重复干涉的表格制作)的宽度为7000px。

DIV周围宽度为1000像素,带有水平滚动条。

我需要将div滚动到实际的一周列(td的id是格式为YYYYWW的周数)。我怎样才能做到这一点?

我尝试了javascript scrollintoview(id),但它只跳了一小会儿......

<asp:UpdatePanel ID="pnlData" runat="server" UpdateMode="Always">
<ContentTemplate>
<div id="divWochen">
        <asp:DataList ID="dgWochen" runat="server" RepeatDirection="Horizontal">
            <ItemTemplate>
                <table cellpadding="0" border="0" cellspacing="0">
                    <tr>
                        <td class="tdWoche" id="<%# Eval("Wochennummer") %>"><%# Eval("Woche") %></td>
                    </tr>
                    <tr>
                        <td class="tdProjekte"><%# Eval("Projekte") %></td>
                    </tr>
                    <tr>
                        <td class="tdFreieMitarbeiter">Frei:<br /><%# Eval("Freie Mitarbeiter") %></td>
                    </tr>
                </table>

            </ItemTemplate>
        </asp:DataList>

    </div>
    <asp:Button ID="btnHeute" runat="server" Text="Aktuelle Woche" />
    </ContentTemplate>
</asp:UpdatePanel>

按钮事件:

btnHeute.CommandArgument = AktuelleWochennummer.ToString();
    btnHeute.OnClientClick = "ScrollInAktuelleWoche(" + AktuelleWochennummer.ToString() + ")";

使用Javascript:

function ScrollInAktuelleWoche(InterneWochennummer) {
    var element = document.getElementById(InterneWochennummer);
    element.scrollIntoView(true);
}

0 个答案:

没有答案