FormView控件佈局

Question

這推動我瘋了，在過去幾次，但我一直捏造，並繼續前行。今天我想嘗試修復它！

我相當頻繁創建GridView顯示數據和FormView直接插入模式下對應於列在GridView在InsertTemplate則控制，因此它看起來像FormView是GridView的只是一個空行等待新的數據錄入。這很好。

問題是，我永遠無法獲得FormView中「列」（實際上只是文本框）的寬度，以對應上面GridView中列的寬度。

在下面，你可以看到的例子，無論是GridView和FormView有100％的寬度，果然，當頁面呈現他們都是一模一樣的寬度（我給FormView邊框簡單地檢查）。但是，即使FormView中的文本框的寬度與GridView中的列的寬度相同，它們也不會以這種方式顯示。文本框稍寬一些，當你到達最右邊的列時，累積效果意味着對齊結束。

我猜問題是事做邊框寬度或正在呈現一些其他隱藏的元素，但我無法弄清楚。我不得不說，對齊出來的數量似乎超過了邊界會影響事物的幾個像素。

<asp:GridView ID="gvTPR" runat="server" DataSourceID="SQLTPR" AutoGenerateColumns="false" DataMember="DefaultView" DataKeyNames="TPRID" Width="100%" > 
<RowStyle HorizontalAlign="Center" /> 
<EditRowStyle BackColor="#ccffff" /> 
<HeaderStyle BackColor="#013b82" ForeColor="White" /> 
<Columns> 
<asp:BoundField DataField="TPREnteredAt" HeaderText="Entered At" ReadOnly="True" SortExpression="TPREnteredAt" ItemStyle-Width="24%" ControlStyle-Width="90%" /> 
<asp:BoundField DataField="TPRTemp" HeaderText="Temp" ReadOnly="True" SortExpression="TPRTemp" ItemStyle-Width="12%" ControlStyle-Width="90%"/> 
<asp:BoundField DataField="TPRPulse" HeaderText="Pulse" ReadOnly="True" SortExpression="TPRPulse" ItemStyle-Width="12%" ControlStyle-Width="90%"/> 
<asp:BoundField DataField="TPRRespiration" HeaderText="Respiration" ReadOnly="True" SortExpression="TPRRespiration" ItemStyle-Width="12%" ControlStyle-Width="90%"/> 
<asp:BoundField DataField="TPRPCV" HeaderText="PCV" ItemStyle-Width="12%" ControlStyle-Width="90%"/> 
<asp:BoundField DataField="TPRTP" HeaderText="TP" ItemStyle-Width="12%" ControlStyle-Width="90%" /> 
<asp:CommandField ButtonType="Button" InsertVisible="False" ShowEditButton="True" ItemStyle-Width="16%" UpdateText="Save" ControlStyle-Width="60px" /> 
</Columns> 
<EmptyDataTemplate> 
No TPR records exist 
</EmptyDataTemplate> 
</asp:GridView> 
<asp:FormView ID="fvTPR" runat="server" DataSourceID="SQLTPR" DefaultMode="Insert" Width="100%" > 
<InsertItemTemplate> 
<asp:textbox ID="lblEnteredAt" runat="server" Text="Will be added automatically" Width="24%" /> 
<asp:TextBox ID="txtTemp" runat="server" Text='<%# Bind("TPRTemp")%>' Width="12%" /> 
<asp:TextBox ID="txtPulse" runat="server" Text='<%# Bind("TPRPulse")%>' Width="12%" /> 
<asp:TextBox ID="txtRespiration" runat="server" Text='<%# Bind("TPRRespiration")%>' Width="12%" /> 
<asp:TextBox ID="txtPCV" runat="server" Text='<%# Bind("TPRPCV")%>' Width="12%" /> 
<asp:TextBox ID="txtTP" runat="server" Text='<%# Bind("TPRTP")%>' Width="12%" />     
<asp:Button ID="btnAddTPR" runat="server" Text="Save" Width="5%" /> 
</InsertItemTemplate> 
</asp:FormView> 

這使得這樣的：

Answer 1

如何使用GridView的頁腳附加的funcionality？通過這種方式，您可以將所有列放在同一個表中，並且可以解決定位問題。

這裏是你的GridView應該怎麼看起來像一個例子：

<asp:GridView ID="gvTPR" runat="server" DataSourceID="SQLTPR" AutoGenerateColumns="False" ShowFooter="True" DataKeyNames="TPRID" Width="100%" EnableModelValidation="True"> 
<RowStyle HorizontalAlign="Center" /> 
<EditRowStyle BackColor="#ccffff" /> 
<HeaderStyle BackColor="#013b82" ForeColor="White" /> 
<Columns> 
    <asp:TemplateField HeaderText="Entered At" SortExpression="TPREnteredAt"> 
     <EditItemTemplate> 
      <asp:TextBox ID="lblEnteredAt" runat="server" Text='<%# Eval("TPREnteredAt") %>'></asp:TextBox> 
     </EditItemTemplate> 
     <ItemTemplate> 
      <asp:Label ID="Label1" runat="server" Text='<%# Bind("TPREnteredAt") %>'></asp:Label> 
     </ItemTemplate> 
     <ControlStyle Width="90%" /> 
     <ItemStyle Width="24%" /> 
     <FooterTemplate> 
      <asp:TextBox ID="lblEnteredAt" runat="server" Text="Will be added automatically" Width="24%" /> 
     </FooterTemplate> 
    </asp:TemplateField> 
    <asp:TemplateField HeaderText="Temp" SortExpression="TPRTemp"> 
     <EditItemTemplate> 
      <asp:TextBox ID="txtTemp" runat="server" Text='<%# Eval("TPRTemp") %>'></asp:TextBox> 
     </EditItemTemplate> 
     <ItemTemplate> 
      <asp:Label ID="Label2" runat="server" Text='<%# Bind("TPRTemp") %>'></asp:Label> 
     </ItemTemplate> 
     <FooterTemplate> 
      <asp:TextBox ID="txtTemp" runat="server" Text='<%# Bind("TPRTemp")%>' Width="12%" /> 
     </FooterTemplate> 
     <ControlStyle Width="90%" /> 
     <ItemStyle Width="12%" /> 
    </asp:TemplateField> 
    <asp:TemplateField HeaderText="Pulse" SortExpression="TPRPulse"> 
     <EditItemTemplate> 
      <asp:TextBox ID="txtPulse" runat="server" Text='<%# Eval("TPRPulse") %>'></asp:TextBox> 
     </EditItemTemplate> 
     <ItemTemplate> 
      <asp:Label ID="Label3" runat="server" Text='<%# Bind("TPRPulse") %>'></asp:Label> 
     </ItemTemplate> 
     <FooterTemplate> 
      <asp:TextBox ID="txtPulse" runat="server" Text='<%# Bind("TPRPulse")%>' Width="12%" /> 
     </FooterTemplate> 
     <ControlStyle Width="90%" /> 
     <ItemStyle Width="12%" /> 
    </asp:TemplateField> 
    <asp:TemplateField HeaderText="Respiration" SortExpression="TPRRespiration"> 
     <EditItemTemplate> 
      <asp:TextBox ID="txtRespiration" runat="server" Text='<%# Eval("TPRRespiration") %>'></asp:TextBox> 
     </EditItemTemplate> 
     <ItemTemplate> 
      <asp:Label ID="Label4" runat="server" Text='<%# Bind("TPRRespiration") %>'></asp:Label> 
     </ItemTemplate> 
     <FooterTemplate> 
      <asp:TextBox ID="txtRespiration" runat="server" Text='<%# Bind("TPRRespiration")%>' Width="12%" /> 
     </FooterTemplate> 
     <ControlStyle Width="90%" /> 
     <ItemStyle Width="12%" /> 
    </asp:TemplateField> 
    <asp:TemplateField HeaderText="PCV"> 
     <EditItemTemplate> 
      <asp:TextBox ID="txtPCV" runat="server" Text='<%# Bind("TPRPCV") %>'></asp:TextBox> 
     </EditItemTemplate> 
     <ItemTemplate> 
      <asp:Label ID="Label5" runat="server" Text='<%# Bind("TPRPCV") %>'></asp:Label> 
     </ItemTemplate> 
     <FooterTemplate> 
      <asp:TextBox ID="txtPCV" runat="server" Text='<%# Bind("TPRPCV")%>' Width="12%" /> 
     </FooterTemplate> 
     <ControlStyle Width="90%" /> 
     <ItemStyle Width="12%" /> 
    </asp:TemplateField> 
    <asp:TemplateField HeaderText="TP"> 
     <EditItemTemplate> 
      <asp:TextBox ID="txtTP" runat="server" Text='<%# Bind("TPRTP") %>'></asp:TextBox> 
     </EditItemTemplate> 
     <ItemTemplate> 
      <asp:Label ID="Label6" runat="server" Text='<%# Bind("TPRTP") %>'></asp:Label> 
     </ItemTemplate> 
     <FooterTemplate> 
      <asp:TextBox ID="txtTP" runat="server" Text='<%# Bind("TPRTP")%>' Width="12%" /> 
     </FooterTemplate> 
     <ControlStyle Width="90%" /> 
     <ItemStyle Width="12%" /> 
    </asp:TemplateField> 
    <asp:TemplateField> 
     <ItemTemplate> 
      <asp:Button ID="lnkbtnEdit" runat="Server" Text="Edit" CommandName="Edit" 
       CausesValidation="false"></asp:Button> 

     </ItemTemplate> 
     <EditItemTemplate> 
      <asp:Button ID="lnkbtnUpdate" runat="Server" Text="Save" CommandName="Update" 
       CausesValidation="true"></asp:Button><br /> 
      <asp:LinkButton ID="lnkbtnCancel" runat="Server" Text="Cancel" CommandName="Cancel" 
       CausesValidation="false"></asp:LinkButton> 
     </EditItemTemplate> 
     <FooterTemplate> 
      <asp:LinkButton ID="lnkbtnInsert" runat="Server" Text="Save" CommandName="Insert" 
       CausesValidation="true"></asp:LinkButton> 
     </FooterTemplate> 
    </asp:TemplateField> 
</Columns> 
<EmptyDataTemplate> 
    No TPR records exist 
</EmptyDataTemplate> 
</asp:GridView> 

希望這有助於！

問候， 烏羅什