在ASP.NET 2.0中操作数据之四十：自定义DataList编辑界面

在ASP.NET 2.0中，我们经常需要使用DataList控件来展示数据。本文将讲解如何使用自定义模板来创建DataList的编辑界面，以便我们能够在DataList中对数据进行编辑。

第一步：设置DataList的模板

首先，我们需要为DataList设置一个自定义模板。在此模板中，我们可以添加一些控件来允许用户进行数据编辑。以下是一个简单的DataList模板示例：

<asp:DataList ID="DataList1" runat="server">
    <ItemTemplate>
        <!-- 显示数据 -->
    </ItemTemplate>
    <EditItemTemplate>
        <!-- 编辑数据 -->
    </EditItemTemplate>
</asp:DataList>

请注意，在上面的示例中，我们使用了ItemTemplate和EditItemTemplate标记来设置DataList的模板。在ItemTemplate中，我们可以展示数据，而在EditItemTemplate中，我们将添加编辑控件。

第二步：处理DataList的编辑事件

接下来，我们需要处理DataList的编辑事件，以允许用户编辑数据。我们可以使用DataList的EditCommand和UpdateCommand事件来完成此任务。以下是一个简单的示例：

protected void DataList1_EditCommand(object source, DataListCommandEventArgs e)
{
    // 设置DataList的EditItemIndex，以允许编辑
    DataList1.EditItemIndex = e.Item.ItemIndex;
    // 重新绑定DataList
    BindDataList();
}

protected void DataList1_UpdateCommand(object source, DataListCommandEventArgs e)
{
    // 获取编辑控件中的新值
    TextBox txtName = (TextBox)e.Item.FindControl("txtName");
    TextBox txtAge = (TextBox)e.Item.FindControl("txtAge");
    // 更新数据库中的数据
    UpdateData(txtName.Text, txtAge.Text);
    // 重置DataList的EditItemIndex，以退出编辑模式
    DataList1.EditItemIndex = -1;
    // 重新绑定DataList
    BindDataList();
}

在上面的示例代码中，我们首先在DataList1_EditCommand事件处理程序中设置DataList的EditItemIndex，以允许编辑。然后，在DataList1_UpdateCommand事件处理程序中，我们获取编辑控件的新值，并将其用于更新数据库中的数据。最后，我们重置DataList的EditItemIndex，以退出编辑模式，并重新绑定DataList。

示例说明

以下是两个示例，以演示如何在DataList中使用自定义模板来创建编辑界面。

示例一：使用TextBox控件进行编辑

在此示例中，我们将使用TextBox控件来允许用户对数据进行编辑。以下是DataList的模板示例：

<asp:DataList ID="DataList1" runat="server" 
    OnEditCommand="DataList1_EditCommand" 
    OnUpdateCommand="DataList1_UpdateCommand"> 
    <ItemTemplate>
        <span><%# Eval("Name") %></span>
        <span><%# Eval("Age") %></span>
        <asp:LinkButton ID="LinkButton1" runat="server" 
            CommandName="Edit" Text="Edit" />
    </ItemTemplate>
    <EditItemTemplate>
        <asp:TextBox ID="txtName" runat="server" Text='<%# Eval("Name") %>' />
        <asp:TextBox ID="txtAge" runat="server" Text='<%# Eval("Age") %>' />
        <asp:LinkButton ID="LinkButton2" runat="server" 
            CommandName="Update" Text="Update" />
        <asp:LinkButton ID="LinkButton3" runat="server" 
            CommandName="Cancel" Text="Cancel" />
    </EditItemTemplate>    
</asp:DataList>

在上面的示例代码中，我们在ItemTemplate标记中展示了数据，并使用LinkButton控件添加了一个Edit按钮。在EditItemTemplate标记中，我们使用TextBox控件来允许用户对数据进行编辑，并添加了Update和Cancel按钮。

最后，在代码中，我们使用DataList1_EditCommand和DataList1_UpdateCommand事件处理程序处理DataList的编辑和更新事件。

示例二：使用ListBox控件进行编辑

在此示例中，我们将使用ListBox控件来实现DataList的编辑功能。以下是DataList的模板示例：

<asp:DataList ID="DataList1" runat="server" 
    OnEditCommand="DataList1_EditCommand" 
    OnUpdateCommand="DataList1_UpdateCommand"> 
    <ItemTemplate>
        <span><%# Eval("Name") %></span>
        <span><%# Eval("Age") %></span>
        <asp:LinkButton ID="LinkButton1" runat="server" 
            CommandName="Edit" Text="Edit" />
    </ItemTemplate>
    <EditItemTemplate>
        <asp:ListBox ID="lstName" runat="server" SelectedValue='<%# Eval("Name") %>'>
            <%-- 绑定数据 --%>
        </asp:ListBox>
        <asp:ListBox ID="lstAge" runat="server" SelectedValue='<%# Eval("Age") %>'>
            <%-- 绑定数据 --%>
        </asp:ListBox>
        <asp:LinkButton ID="LinkButton2" runat="server" 
            CommandName="Update" Text="Update" />
        <asp:LinkButton ID="LinkButton3" runat="server" 
            CommandName="Cancel" Text="Cancel" />
    </EditItemTemplate>    
</asp:DataList>

在上面的示例代码中，我们在ItemTemplate标记中展示了数据，并使用LinkButton控件添加了一个Edit按钮。在EditItemTemplate标记中，我们使用ListBox控件来允许用户对数据进行编辑，并添加了Update和Cancel按钮。