ASP.NET 新手需要主/详细帮助。 （也有截图）

Question

我正在学习基本的数据驱动 ASP.NET Web 表单设计。 我已经完成了表格的第一部分，但我不知道下一步该做什么。

请查看我迄今为止创建的屏幕截图：http://www.twitpic.com/2gnmr

我需要帮助了解在主列表中使用哪种 HTML 元素，以及该元素上的什么事件/触发器用于触发“获取此选定项目的子记录”序列？

另外，ListView 是呈现主列表的正确方法吗？ 目前，我并不想提供任何编辑功能； 我想我稍后会谈到这一点。

我应该使用其他 ASP.NET 数据控件，而不是像我一样手动编码列表视图吗？

我不想在每个客户名称旁边看到实际的“选择”链接项（看起来很愚蠢）。 我希望客户名称成为要单击的链接。

因此，您可以在下面的代码中看到我有一个 ListView 来呈现 CustomersWithOpenOrders 列表。 但是，它只是一个静态列表，那么我如何使公司名称标签可单击，以及我还需要什么才能使其触发某些隐藏代码以获取子记录。 我已经有一个代码隐藏方法来将传入的 CustomerNumber 的子记录获取到 DataTable 中，并且我想我知道如何将其绑定到子记录的网格或列表视图，但我不知道如何传递CustomerNumber 从主ListView 到UI 表单的方法。

<asp:ListView ID="ListView1" runat="server">
    <LayoutTemplate>
      <table cellpadding="2" border="0" ID="tbl1" runat="server">
        <tr id="Tr1" runat="server" class="lvHeader">
          <th id="Th1" runat="server">Customer</th>
        </tr>
        <tr runat="server" id="itemPlaceholder" />
      </table>
    </LayoutTemplate>
    <ItemTemplate>
      <tr id="Tr2" runat="server">
        <td>
          <asp:Label ID="label2" class="FirstLine" runat="server" Text='<%# Eval("company") %>' />
          <br />
          <div class="SecondLine">
            <asp:Label ID="labelCustNo" runat="server" Text='<%# Eval("custno") %>'/>
            <asp:Label runat="server" Text='Ph: '></asp:Label>
            <asp:Label ID="label3" runat="server" Text='<% # Eval("phone") %>' />
          </div>
        </td>
      </tr>
    </ItemTemplate>
</asp:ListView>

Answer 1

我个人还没有发现ListView不能解决我的需求的情况。 如果您想创建客户选择样式列表，您可以使用链接按钮进行绑定。

<asp:ListView runat="server" id="CustomersList" ItemCommand="CustomersList_ItemCommand">
  <LayoutTemplate>
    <table cellpadding="2" border="0" ID="tbl1" runat="server">
      <tr id="Tr1" runat="server" class="lvHeader">
        <th id="Th1" runat="server">Customer</th>
      </tr>
      <tr runat="server" id="itemPlaceholder" />
    </table>
  </LayoutTemplate>
  <ItemTemplate>
    <tr id="Tr2" runat="server">
      <td>
        <asp:LinkButton ID="link1" class="FirstLine" runat="server" Text='<%# Eval("company") %>' CommandName="Select" />
        <br />
        <div class="SecondLine">
          <asp:Label ID="labelCustNo" runat="server" Text='<%# Eval("custno") %>'/>
          <asp:Label runat="server" Text='Ph: '></asp:Label>
          <asp:Label ID="label3" runat="server" Text='<% # Eval("phone") %>' />
        </div>
      </td>
    </tr>
  </ItemTemplate>
</asp:ListView>

<asp:ListView runat="server" ID="OrderList">
  <!-- Child Rows implementation -->
</asp:ListView>

然后您需要将事件绑定到 ListView.ItemCommand。

protected void CustomersList_ItemCommand(object sender, ListViewCommandEventArgs e)
{
  if (e.CommandName = "Select")
  {
    if (e.Item.ItemType != ListViewItemType.DataItem) return;

    var dataItem = e.Item as ListViewDataItem;
    if (dataItem == null) return;

    var customer = dataItem.DataItem as Customer;
    if (customer == null) return;

    this.OrdersList.DataSource = GetChildRecords(customer.ID);
    this.OrdersList.DataBind();
  }
}