使网格视图自动滚动

时间:2011-07-07 12:12:57

标签: c# asp.net grid

我有一个网格。我有一个按钮,如果我点击该按钮,它将添加一个空行到该网格,我将编辑和保存。我需要显示一个滚动条,这样当我点击该按钮时,它会在网格的末尾添加空行,并在末尾添加滚动条

<div id="Div" runat="server" class="divFieldRow">           
         <div>
         <center>  
         <div  style="overflow: auto; height: 150px">
                 <asp:GridView ID="gvEventMechanic" runat="server" AutoGenerateColumns="False" PageSize="5"
                            GridLines="None" AllowSorting="true" BorderWidth="1"
                            BorderColor="Brown" AlternatingRowStyle-BackColor="Cyan" HeaderStyle-BackColor="ActiveCaption"
                            FooterStyle-BackColor="DimGray" EnableViewState="true" >                         
                <Columns>
                    <asp:TemplateField>                    
                        <HeaderTemplate>
                            Disable
                            </HeaderTemplate>
                        <ItemStyle HorizontalAlign="Center" />
                        <ItemTemplate>                           
                            <asp:CheckBox ID="chkDelete" runat="server" AutoPostBack="true" OnCheckedChanged="cbDelete_OnCheckedChanged"></asp:CheckBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField >                     
                       <HeaderTemplate>Event</HeaderTemplate>
                        <ItemStyle HorizontalAlign="Center" />
                        <ItemTemplate>
                            <asp:Label ID="lblDesc" Visible='<%# ! IsInEditMode %>' runat="server" Text='<%# Eval("Description") %>' />
                            <asp:TextBox ID="txtDesc" Visible='<%# IsInEditMode %>' runat="server" Text='<%#Eval("Description")%>' MaxLength="255">
                            </asp:TextBox>                                                        
                        </ItemTemplate>
                    </asp:TemplateField>
                 </Columns>                
            </asp:GridView>     
        </div> 
     </center>
  </div> 

1 个答案:

答案 0 :(得分:0)

使用包含固定高度和溢出的网格的div应该可以防止表格超过固定高度。如果涉及分页,您可以切换到网格中的最后一个可用页面并重新绑定它,如果这是您想要实现的目的。