代码之家  ›  专栏  ›  技术社区  ›  Patrice Cote

Div溢出、ASP.NET GridView、JQuery和anchor

  •  0
  • Patrice Cote  · 技术社区  · 15 年前

    我不是一个专业的网页用户界面,所以我会尽量解释清楚自己。我有一个溢出标记:auto;。在那个房间里,我有一个网格视图。有一个JQuery函数可以选择网格中单击的行,只需更改CSS类(更改背景颜色)。我想知道我是否可以放置一种锚点,以便在用户进行回发时(使用“刷新”按钮),网格返回到所选行。

    下面是som代码示例,向您展示这个想法。网格:

        <div id="divGrilleConsole" class="pnlGrilleConsole">
        <asp:GridView id="dbgListeOperations" runat="server" CssClass="texte-normal" Width="930px" AutoGenerateColumns="False" ShowHeader="False" >
            <HeaderStyle Font-Size="11px" Font-Names="Verdana" Font-Bold="True" BackColor="#E8EDF5"></HeaderStyle>
            <Columns>
                <asp:BoundColumn DataField="NO_SEQ_ACT_DEPLO" HeaderText="No Séq.">
                    <HeaderStyle Width="35px"></HeaderStyle>
                </asp:BoundColumn> 
                <asp:TemplateColumn>
                    <HeaderStyle Width="10px"></HeaderStyle>
                    <ItemTemplate>
                        <asp:HiddenField ID="hdfNoAction" runat="server" />
                    </ItemTemplate>
                </asp:TemplateColumn>
                <asp:BoundColumn DataField="NOM_PROJ_DEPLO" HeaderText="Projet">
                    <HeaderStyle Width="295px"></HeaderStyle>
                </asp:BoundColumn>
                <asp:BoundColumn DataField="NOM_SERVE_PHYSIQUE" HeaderText="Serveur physique">
                    <HeaderStyle Width="275px"></HeaderStyle>
                </asp:BoundColumn>          
            </Columns>
        </asp:GridView>
    </div>
    

    $(document).ready(function() {
    
        var gv = $("#<%= dbgListeOperations.ClientId %>");
        var rows = gv.find('tbody > tr');
        //Boucle dans toutes les lignes de la grille maitre
        rows.each(function() {
            //add handler for click event on each row
            $(this).click(function() {
                    $(this).toggleClass("GrilleDonneesTriee_Select");
                    //Rest of logic here...
                    .
                    .
                    .
    
            });
    
    
        });
    

    您认为在发生回发时是否可以将div定位到所选行?我该怎么做?我猜是用锚,但我真的不明白这些是怎么起作用的。

    1 回复  |  直到 15 年前
        1
  •  0
  •   Patrice Cote    15 年前

    为了防止有人在这篇文章中寻找解决方案,我最终使用了JQuery插件。 http://plugins.jquery.com/project/ScrollTo