木子屋
 

标题: DataList使用案例

作者: dnawo

日期: 2008-04-11 10:08 AM

分类: Web编程

内容: 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”；

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.079 ms

标题: DataList使用案例

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.079 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.079 ms