Question

我有一个带有BoundField列的gridview，我想专门为这个BoundField插入一个新行。这有可能吗？

代码如下：

                 <asp:GridView ID="grdAgreements" runat="server" AutoGenerateColumns="false" Width="100%"
        AllowSorting="false" AlternatingRowStyle-BackColor="White" 
        HeaderStyle-BackColor="White" HeaderStyle-ForeColor="GrayText" 
        Font-Names="Arial" Font-Size="11" DataKeyNames="AgreementId" OnRowCreated="grdAgreements_RowCreated" >
        <rowstyle height="24" />

    <Columns>
        <asp:BoundField HeaderText="Agreement Number" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="AgreementNumber" SortExpression="AgreementNumber" ItemStyle-Width="110" ItemStyle-Font-Names="Arial" />
        <asp:BoundField HeaderText="Description" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="Description" SortExpression="Description" ItemStyle-Width="100" ItemStyle-Font-Names="Arial" />
        <asp:BoundField HeaderText="Start Date" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="StartDate" SortExpression="StartDate" ItemStyle-Width="125" ItemStyle-Font-Names="Arial" />
        <asp:BoundField HeaderText="End Date" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="EndDate" SortExpression="EndDate" ItemStyle-Width="200" ItemStyle-Font-Names="Arial" />

        <asp:BoundField HeaderText="Site Number" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="SiteNumber" SortExpression="SiteNumber" ItemStyle-Width="200" ItemStyle-Font-Names="Arial" />

    </Columns>

    <EmptyDataTemplate>
        There are no agreements to display.
    </EmptyDataTemplate>
</asp:GridView>

我想要发生的是，我希望将SiteNumber数据绑定到一个新行，而不是BoundField，我可以将其放在div或面板中。我该怎么做呢？

Answer 1

如果我不理解它，请告诉我，但如果您想自定义字段的布局，可以使用TemplateField代替BoundField

<asp:TemplateField HeaderText="SiteNumber" SortExpression="SiteNumber">
    <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text='<%# Bind("SiteNumber") %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

但是，如果您正在考虑将该特定列移动到新行，那么您将不得不查看其他数据绑定控件，如ListView或Repeater，因为GV标记不是可自定义的。

Answer 2

根据通常的时间限制，我没有经历并找出使用Listview满足我的需求的最佳方式，但我确实想方设法在TemplateField中使用样式表来获取我正在寻找的布局ItemTemplate中。以下代码是我提出的，希望这将有助于其他人寻找类似的解决方案。如果时间限制不在你的盘子上，我强烈建议进一步研究Listview控件。附：我使用的CSS是一个巨大的PITA，以使一切风格完美，但它绝对值得恕我直言。这一切都在GridView BTW

中

<asp:TemplateField>
      <ItemTemplate>
      <div class="EquipmentTable1" >
            <table >
                <tr>
                    <td>
                        Customer Equipment
                    </td>
                    <td>
                        Contract
                    </td>
                    <td >
                        Contract Number
                    </td>

                    <td>
                        Modality
                    </td>
                </tr>
                <tr>
                    <td>
                    <%--TODO link this to the customer equipment record pulled from the services web portal guide part 1 document--%>
                      <a href="../Agreements/AgreementList.aspx?CustomerEquipmentID=<%# Eval("CustomerEquipmentID") %>"><%# Eval("CustomerEquipmentID") %>  </a> 
                    </td>
                    <td >
                    <%--Link to the agreement page and
                    pass in the agreement id as a query string to do a lookup of the agreement--%>
                    <a href="../Agreements/AgreementView.aspx?AgreementID=<%# Eval("AgreementID") %>"><%# Eval("AgreementID") %></a>
                    </td>
                    <td>
                        <%# Eval("AgreementLineID") %>
                    </td>

                     <td>
                        <%# Eval("ModalityID") %>
                    </td>
                </tr>
            </table>
        </div>
  <div class="EquipmentTable2" >
            <table >
                <tr>
                    <td>
                       Product
                    </td>
                    <td >
                        Model Number
                    </td>
                    <td>
                        Room Number
                    </td>
                    <td>
                        Date Installed
                    </td>
                </tr>
                <tr>
                    <td >
                        <%# Eval("Product") %>
                    </td>
                    <td>
                       <%# Eval("ModelNumber") %>
                    </td>
                     <td>
                       <%# Eval("RoomNumber") %>
                    </td>
                    <td>
                        <%# Eval("DateInstalled") %>
                    </td>
                </tr>
            </table>
        </div>
      </ItemTemplate>
      </asp:TemplateField>

新行中的边界

2 个答案: