DataList使用案例

1.实现功能

使用DataList进行数据绑定，并进行数据的修改、删除等操作。

2.步骤

1).添加DataList控件，并定制HeaderTemplate、ItemTemplate、AlternatingItemTemplate、SeparatorTemplate、SelectedItemTemplate、EditItemTemplate、FooterTemplate模板样式；
2).给各功能按钮设置CommandName属性，值的类型有edit、update、delete和cancel；
3).设置DataList控件各事件的处理程序，即在EditCommand、UpdateCommand、DeleteCommand、CancelCommand添加对应的处理函数名；
4).设置DataList的DataKeyField属性值，该值为某个字段名称，该属性可理解为每行的关键字段，在更新和删除时该属性值非常有用；
5).编写各事件处理程序；

                            
3.示例代码

Default.aspx：

程序代码

<asp:DataList ID="DataList1" runat="server" OnCancelCommand="DataList1_Cancel" OnDeleteCommand="DataList1_Delete" OnEditCommand="DataList1_Edit" OnUpdateCommand="DataList1_Update" DataKeyField="ID">
     <HeaderTemplate>
         <!-- 头部 -->
     </HeaderTemplate>
     <ItemTemplate>
         <div style="background-color:Red;"><%# Eval("LoginName")%>,<%# Eval("WebSite")%><asp:Button ID="Button1" CommandName="edit" runat="server"
                 Text="Edit" /><asp:Button ID="Button2" CommandName="delete" runat="server" Text="Delete" /></div>
     </ItemTemplate>
     <AlternatingItemTemplate>
         <div style="background-color:Green;"><%# Eval("LoginName")%>,<%# Eval("WebSite")%><asp:Button ID="Button3" CommandName="edit" runat="server" Text="Edit" /><asp:Button ID="Button4" CommandName="delete" runat="server" Text="Delete" /></div>
     </AlternatingItemTemplate>
     <SeparatorTemplate>
         <hr style="height:1px;" />
     </SeparatorTemplate>
     <SelectedItemTemplate>
         <!-- 选中行样式 -->
     </SelectedItemTemplate>
     <EditItemTemplate>
         <div><asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("LoginName") %>'></asp:TextBox><asp:TextBox ID="TextBox2" runat="server" Text='<%# Eval("WebSite") %>'></asp:TextBox>
             <asp:Button
                 ID="Button7" CommandName="update" runat="server" Text="Update" /><asp:Button ID="Button8" CommandName="cancel" runat="server"
                     Text="Cancel" /></div>
     </EditItemTemplate>
     <FooterTemplate>
         <!-- 底部 -->
     </FooterTemplate>
</asp:DataList>

Default.aspx.cs：

程序代码

using System;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
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;

public partial class _Default : System.Web.UI.Page
{
     //private SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["Sql"].ToString());
     private SqlConnection conn = new SqlConnection("server=(local);uid=sa;pwd=sa;database=union_5k3g;");

     protected void Page_Load(object sender, EventArgs e)
     {
         conn.Open();

         if (!IsPostBack)
         {
             BindData();
         }
     }
     protected void Page_UnLoad(object sender, EventArgs e)
     {
         conn = null;
     }
     private void BindData()
     {
         SqlDataAdapter sda = new SqlDataAdapter("Select Top 10 * From Union_User order By ID Desc", conn);
         DataSet ds = new DataSet();
         sda.Fill(ds, "Union_User");
         DataList1.DataSource = ds.Tables["Union_User"].DefaultView;
         DataList1.DataBind();
     }
     protected void DataList1_Cancel(object source, DataListCommandEventArgs e)
     {
         DataList1.EditItemIndex = -1;
         BindData();
     }
     protected void DataList1_Delete(object source, DataListCommandEventArgs e)
     {
         string id = DataList1.DataKeys[e.Item.ItemIndex].ToString();

         SqlCommand cmd = new SqlCommand("Delete From Union_User Where ID=" + id, conn);
         cmd.ExecuteNonQuery();

         DataList1.EditItemIndex = -1;
         BindData();
     }
     protected void DataList1_Edit(object source, DataListCommandEventArgs e)
     {
         DataList1.EditItemIndex = e.Item.ItemIndex;
         BindData();
     }
     protected void DataList1_Update(object source, DataListCommandEventArgs e)
     {
         string loginname = ((TextBox)e.Item.FindControl("TextBox1")).Text;
         string website = ((TextBox)e.Item.FindControl("TextBox2")).Text;
         string id = DataList1.DataKeys[e.Item.ItemIndex].ToString();

         SqlCommand cmd = new SqlCommand("Update Union_User Set LoginName='" + loginname + "',WebSite='" + website + "' Where ID=" + id, conn);
         cmd.ExecuteNonQuery();

         DataList1.EditItemIndex = -1;
         BindData();
     }
}

4.注意事项

1).获取DataList模板中TextBox中的值必须使用"((TextBox)e.Item.FindControl("TextBox1")).Text"，直接使用"TextBox1.Text"将出错提示：CS0103: 当前上下文中不存在名称“TextBox1”；