DataList嵌套DataList(页面绑定后台代码使用ItemDataBound事件实现纯代码)

zoukankan html css js c++ java

DataList嵌套DataList(页面绑定后台代码使用ItemDataBound事件实现纯代码)
1. 项模板直接拉一个RadioButton，然后写JS代码，如下：
  
  <script language="javascript">
          function check(radio) {
              var radioButtons = document.getElementsByTagName("input");
              for (var i = 0; i < radioButtons.length; i++) {
                  if (radioButtons[i].type == "radio") {
                      if (radioButtons[i] == radio) {
                          continue;
                      }
                      else {
                          radioButtons[i].checked = false;
                      }
  
                  }
              }
          }
      </script>
  
  源文件：
          <asp:DataList ID="DataList1" runat="server">
              <ItemTemplate>
                      <asp:RadioButton ID="RadioButton1" onclick="check(this)" runat="server" />
              </ItemTemplate>
          </asp:DataList>
1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DataListNesting.aspx.cs" Inherits="DataListNesting" %>
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml" >
3. <head runat="server">
4. <title>DataListNesting</title>
5. </head>
6. <body>
7. <form id="form1" runat="server">
8. <div>
9. <asp:DataList ID="DataList1" runat="server" OnItemDataBound="DataList1_ItemDataBound">
10. <ItemTemplate>
11. <asp:Label ID="Label1" runat="server" Text='<%# Eval("OrderID") %>'></asp:Label>
12. <asp:Label ID="Label2" runat="server" Text='<%# Eval("CustomerID") %>'></asp:Label>
13. <asp:DataList ID="DataList2" runat="server">
14. <ItemTemplate>
15. <asp:Label ID="Label1" runat="server" Text='<%# Eval("ProductID") %>'></asp:Label>
16. <asp:Label ID="Label2" runat="server" Text='<%# Eval("UnitPrice") %>'></asp:Label>
17. <asp:Label ID="Label3" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label>
18. </ItemTemplate>
19. </asp:DataList>
20. </ItemTemplate>
21. </asp:DataList>
22. </div>
23. </form>
24. </body>
25. </html>
复制代码
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class DataListNesting : System.Web.UI.Page
{
private void BindList()
{
      SqlConnection cn = new SqlConnection(@"server=.\sqlexpress;uid=sa;pwd=;database=northwind");
      SqlDataAdapter da = new SqlDataAdapter("select OrderID, CustomerID from Orders", cn);
      DataSet ds = new DataSet();
      cn.Open();
      da.Fill(ds);
      cn.Close();
      DataList1.DataSource = ds.Tables[0].DefaultView;
      DataList1.DataKeyField = "orderID";
      DataList1.DataBind();
}

private void Page_Load(object sender, System.EventArgs e)
{
      if (!IsPostBack)
      {
         BindList();
      }
}

protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
      DataList datalist2;
      if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
      {
         datalist2 = e.Item.FindControl("DataList2") as DataList;
         if (datalist2 != null)
         {
            SqlConnection cn = new SqlConnection(@"server=.\sqlexpress;uid=sa;pwd=;database=northwind;");
            SqlDataAdapter da = new SqlDataAdapter("select ProductID, UnitPrice, Quantity from [Order Details] where orderID = @orderID", cn);
            da.SelectCommand.Parameters.AddWithValue("@orderID", (e.Item.DataItem as DataRowView)["orderID"]);
            DataSet ds = new DataSet();
            cn.Open();
            da.Fill(ds);
            cn.Close();
            datalist2.DataSource = ds.Tables[0].DefaultView;
            datalist2.DataBind();
         }
      }
}
}
查看全文

相关阅读:
《架构整洁之道》阅读笔记
 设计模式——单例模式
 设计模式——工厂模式使用
 记一次同事安装我自定义一Python3 SDK在window10安装失败情况
 CentOS7常用的一些命令
 Java
Java
Java
Java
python

原文地址：https://www.cnblogs.com/liufei88866/p/1908081.html

DataList嵌套DataList(页面绑定后台代码使用ItemDataBound事件实现 纯代码)

DataList嵌套DataList(页面绑定后台代码使用ItemDataBound事件实现纯代码)