2013-03-06 68 views
2

GridView即将离开页面......它在编辑模式下更远......这里是gridview的代码: 如何让它留在页面内(甚至是在编辑模式下)...GridView离开页面asp.net

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    AutoGenerateEditButton="True" DataKeyNames="EmployeeID" Visible="False" 
      Width="900px"> 
    <Columns> 
     <asp:TemplateField HeaderText="EmployeeID" SortExpression="EmployeeID"> 
      <EditItemTemplate> 
       <asp:Label ID="Label1" runat="server" Text='<%# Eval("EmployeeID") %>'></asp:Label> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label1" runat="server" Text='<%# Bind("EmployeeID") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="FirstName" SortExpression="FirstName"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("FirstName") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label2" runat="server" Text='<%# Bind("FirstName") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="LastName" SortExpression="LastName"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("LastName") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label3" runat="server" Text='<%# Bind("LastName") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="DOB" SortExpression="DOB"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("DOB") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label4" runat="server" Text='<%# Bind("DOB") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Address" SortExpression="Address"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("Address") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label5" runat="server" Text='<%# Bind("Address") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="ContactNo" SortExpression="ContactNo"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox5" runat="server" Text='<%# Bind("ContactNo") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label6" runat="server" Text='<%# Bind("ContactNo") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="EmailID" SortExpression="EmailID"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox6" runat="server" Text='<%# Bind("EmailID") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label7" runat="server" Text='<%# Bind("EmailID") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="DesignationID" SortExpression="DesignationID"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox7" runat="server" Text='<%# Bind("DesignationID") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label8" runat="server" Text='<%# Bind("DesignationID") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Designation" SortExpression="Designation"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox8" runat="server" Text='<%# Bind("Designation") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label9" runat="server" Text='<%# Bind("Designation") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Department" SortExpression="Department"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox9" runat="server" Text='<%# Bind("Department") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label10" runat="server" Text='<%# Bind("Department") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="DepartmentID" SortExpression="DepartmentID"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox10" runat="server" Text='<%# Bind("DepartmentID") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label11" runat="server" Text='<%# Bind("DepartmentID") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="DOJ" SortExpression="DOJ"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox11" runat="server" Text='<%# Bind("DOJ") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label13" runat="server" Text='<%# Bind("DOJ") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="ReportsTo" SortExpression="ReportsTo"> 
      <EditItemTemplate> 
       <asp:TextBox ID="TextBox12" runat="server" Text='<%# Bind("ReportsTo") %>'></asp:TextBox> 
      </EditItemTemplate> 
      <ItemTemplate> 
       <asp:Label ID="Label12" runat="server" Text='<%# Bind("ReportsTo") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns> 
</asp:GridView> 

这里的截图 my gridview

可能工作的任何suggesstions?

+0

实现此类功能的一种常用方法是为每列应用固定宽度(使用CSS),然后在CSS应用溢出中应用:隐藏在TD元素上,最后(如果需要)添加跨度围绕TD中的内容并将TITLE设置为与内容相同,以便当您将鼠标悬停在TD上时,它将在工具提示样式弹出窗口中显示全文。 – bUKaneer 2013-03-06 12:01:59

+0

你也可以删除非必要的列(如Id列,除非你需要它们)并且连接列,即删除“First name”/“Surname”列,然后在firstname和surname值中使用一个名为“Name”的新列在那一个新的专栏中。 – bUKaneer 2013-03-06 12:04:25

+0

不幸的是没有非必要的列......我不喜欢设置固定列宽的想法...另外,我不认为它会帮助编辑模式(当列成为texboxes时)... 不能我滚动条在gridview中?... – adityawho 2013-03-06 12:12:56

回答

0

这是什么工作:

<div style="width:90%;overflow:auto"> 
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    AutoGenerateEditButton="True" DataKeyNames="EmployeeID" Visible="False" style="width:100%;overflow:auto" 
      HorizontalAlign="Center" > 

日Thnx ...

0

设置WIDTH = “100%” .Dont使用像素。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    AutoGenerateEditButton="True" DataKeyNames="EmployeeID" Visible="False" 
      Width="100%">