ListView控件的Insert、Edit和Delete功能(第一部分)

摘自:http://blog.ashchan.com/archive/2007/08/28/listview-control-insert-edit-amp-delete-part-1aspx/

ListView是ASP.NET 3.5新提供的一个控件,它支持GridView类似的功能,并将HTML渲染的责任交由使用者来把控,而这正是GridView的一大劣势(它生成的乱七八糟的HTML输出,即使通过CSS Friendly Control Adapters来净化,也还是让人头痛得不行)。使用ListView两周以来,我已经没有一丁点儿再次使用GridView的欲望了。

由于VS2008还属于Beta2阶段,关于ListView的文档似乎不大容易找到。ScottGu正在写一个关于ListView的系列文章,不过目前还只完成了第一篇;Rick Strahl写的ListView and DataPager in ASP.NET 3.5较深入地讲述了ListView的一些特性。这两篇文章,是学习ListView很精彩的资料。

本系列文章将通过一个简单的实例,结合我自己使用ListView的情况,展示如何用该控件进行基本的Insert、Edit和Delete操作。

系统要求

  • Windows XP SP2 or higher
  • VS2008 Beta 2 or Visual Web Developer 2008 Express Edition Beta 2

建立Web Site

按默认配置,新建一个名为ListViewDemo的ASP.NET Web Site。

编写数据源

为了演示的简单性,我们创建一个数据对象DataEntry,它仅包含名为Name和Value的两个成员:

[Serializable]
public class DataEntry
{
    public string Name { get; set; }
    public int Value { get; set; }
}

为了方便在演示页面每次PostBack的时候获取数据对象列表,我们会把数据对象列表存放在Session中,所以为DataEntry类设置上Serializable属性。获取数据对象列表的逻辑很简单,从Session里取得,如果为空则进行简单的初始化,非空则直接返回使用:

protected List<DataEntry> Data
{
    get
    {
        List<DataEntry> data = Session[SESSION_KEY] as List<DataEntry>;
        if (data == null)
        {
            data = new List<DataEntry>();
            data.Add(new DataEntry { Name = "James", Value = 1 });
            data.Add(new DataEntry { Name = "Ash", Value = 2 });
            data.Add(new DataEntry { Name = "Lulu", Value = 3 });
            ViewState[SESSION_KEY] = data;
        }

        return data;
    }
    set { Session[SESSION_KEY] = value; }
}

static readonly string SESSION_KEY = "_sk_dataentry_";

使用ListView

在页面上添加一个ListView。为其编写LayoutTemplate,使用ul作为输出数据的HTML空器,而每一条数据将使用li来组织。ListView通过将数据输出至ItemContainer来渲染结果。我们在LayoutTemplate中添加一个PlaceHolder作为ItemContainer,这样生成的HTML中不会有任何多余的元素(比方说,如果使用Panel,则会生成一个空的div)。将ListView的ItemContainerID属性设置为这个PlaceHolder的ID:

<asp:ListView ID="ListView1" runat="server" ItemContainerID="Layout">
   <LayoutTemplate>
      <ul><asp:PlaceHolder runat="server" ID="Layout" /></ul>
   </LayoutTemplate>
</asp:ListView>

然后编写ItemTemplate,将每一个数据对象的Name和Value值输出到一个li中:

<ItemTemplate>
    <li><%# Eval("Name") %> (#<%# Eval("Value") %>)</li>
</ItemTemplate>

在Page_Load方法中为ListView绑定上面编写的数据源:

ListView1.DataSource = Data;
ListView1.DataBind();

运行该网站工程,显示效果如下:

  • James (# 1)
  • Ash (# 2)
  • Lulu (# 3)

实现Insert功能

ListView的Insert Mode通过其属性InsertItemPosition来控制,该属性的取值有三种:

None:非Insert状态 FirstItem:Insert状态,且编辑模板显示于ListView所有item的最前面 LastItem :Insert状态,且编辑模板显示于ListView所有item的最后面

我们先添加一个InsertItemTemplate,在里边放置两个TextBox用于接收Name和Value的用户输入,以及一个Save按钮:

<InsertItemTemplate>
    <li>Name: <asp:TextBox runat="server" ID="NewName" Text=‘<%# Bind("Name") %>‘ /><br />    Value: <asp:TextBox runat="server" ID="NewValue" Text=‘<%# Bind("Value") %>‘ />
    <asp:Button runat="server" ID="Insert" Text="Save" CommandName="Insert" /> </li><br />
</InsertItemTemplate>

我们为New按钮的CommandName设置了Create值。现在为ListView添加ItemCommand的事件处理方法,然后在里边处理New按钮单击事件,将ListView切换至Insert状态:

protected void ListView1_ItemCommand(object sender, ListViewCommandEventArgs e)
{
    if (e.CommandName == "Create")
    {
        ListView1.InsertItemPosition = InsertItemPosition.LastItem;
        BindData();
    }
}

注:BindData仅仅是对ListView控件重新进行数据源绑定。

为ListView添加ItemInserting事件处理方法,当Save按钮点击时,在这个方法内处理新数据保存的逻辑。这里遇到一个问题,在这个事件中,如何去获取用户输入的数据?我想ASP.NET应该有很方便又优雅的机制来实现这个功能,比方说这个事件的参数ListViewInsertEventArgs中有一个Values的属性,貌似是用来存储这些数据的。不过我没有弄明白怎使用么用这个属性,只好用土办法来解决:ListViewInsertEventArgs参数中的Item属性以及ListView控件的InsertItem属性,均是当前要插入的Template Item,我们用FindControl方法来获取输入控件并取值保存。保存完毕后,将ListView的InsertItemPosition属性设为None以退出Insert状态:

protected void ListView1_ItemInserting(object sender, ListViewInsertEventArgs e)
{
    ListViewItem item = e.Item;
    try
    {
        string name = (item.FindControl("NewName") as TextBox).Text;
        int value = int.Parse((item.FindControl("NewValue") as TextBox).Text);
        List<DataEntry> data = Data;
        data.Add(new DataEntry { Name = name, Value = value });
        Data = data;

        ListView1.InsertItemPosition = InsertItemPosition.None;

        BindData();
    }
    catch  { }
}

运行网站测试一下,功能正常:

接下来

ListView的Insert功能已经实现。在下一篇里,我们将实现Edit功能。

时间: 2024-09-30 11:01:58

ListView控件的Insert、Edit和Delete功能(第一部分)的相关文章

ListView控件的Insert、Edit和Delete功能(第二部分)

本系列文章将通过一个简单的实例,结合我自己使用ListView的情况,展示如何用ASP.NET 3.5 ListView控件进行基本的Insert.Edit和Delete操作. 系统要求: Windows XP SP2 or higher VS2008 Beta 2 or Visual Web Developer 2008 Express Edition Beta 2 在本系列的第一篇中,介绍了如何实现ListView的Insert功能.本篇介绍如何实现Edit功能. 实现Edit功能 在Lis

C# winform项目中ListView控件使用CheckBoxes属性实现单选功能

在做项目时需要使用ListView控件的CheckBoxes属性显示,还要在点击行时自动选中CheckBoxes和点击选中CheckBoxes时自动显示正行选中状态的单选功能. 效果图: 主要利用两个事件:listView1_ItemCheck和listView1_SelectedIndexChanged事件. 上代码: [csharp] view plain copy print? private void listView1_ItemCheck(object sender, ItemChec

ListView控件的Insert、Edit和Delete功能第三部分(自我总结)

1.刚开始在第一部分显示数据的时候出现如下错误: 修改: @Page 中的EnableEventValidation="false" 2.点击各个按钮没有反应. 修改:为page_load事件加判断是否回发.if (!Page.IsPostBack) 3.ItemPlaceholderID和<asp:PlaceHolder ID="Layout" runat="server"></asp:PlaceHolder> 3. L

【Visual Basic】vb6的ListView控件,对Access2003数据库的增删改查,判断是否有中文、多窗体操作

vb6对Access2003数据库的增删改查并不复杂,可以通过ado对象轻松完成,下面举个小例子,同时说明vb6中的ListView控件的使用.虽然在<[Visual Basic]列表控件ListView的增删改查.模态对话框.禁止窗口调整大小>曾经对VB.NET的ListView控件进行详细的说明,但是证明微软就是个坑爹货,vb6对于ListView实现的代码居然跟VB.NET有着彻底的不同,似乎换了一门语言似得的.改代码什么的最讨厌的. 首先,在vb6生成的工程文件夹中有着一个db1.md

ListView控件绑定DataSet

DataSet数据集,数据缓存在客户端内存中,支持断开式连接. 在对DataSet做操作的时候,首先一定要修改其行的状态,然后执行SqlDataAdapter的Update方法,Update方法根据其行的状态,做相应的SelectCommand.DeleteCommand.UpdateCommand.InsertCommand操作. 一,ListView控件绑定DataSet之操作: 1)查找操作 using (SqlConnection con = new SqlConnection(cons

C# 系统应用之ListView控件 (三).添加ContextMenuStrip右键菜单打开文件和删除文件功能

在前面讲述过使用TreeView控件和ListView控件显示磁盘目录信息,但仅仅是显示信息是不够的,我们还需要具体的操作.在"个人电脑使用历史痕迹"项目中我还需要添加"打开文件"和"删除文件"两种方法.具体如下: 在第一篇文章"C# 系统应用之TreeView控件 (一).显示树状磁盘文件目录及加载图标"中显示如下: http://blog.csdn.net/eastmount/article/details/1945310

C#如何解决对ListView控件更新以及更新时界面闪烁问题

第一个问题:如何更新ListView控件内容 很多时候运行窗体程序时,由于程序中使用了多线程加之操作不当,所以在对控件操作时会出现下面这样的异常: 这是因为我们在窗体中添加的控件都有属于自己的线程,所以不能从其它线程来访问它. 那要如何解决? 使用委托:MethodInvoker,我用这个挺方便的.下面举一个用例: 1 //调用InitListView(),便可以对ListView控件进行自由更新啦 2 private void InitListView() 3 { 4 MethodInvoke

C#在listview控件中显示数据库数据

一.了解listview控件的属性 view:设置为details columns:设置列 items:设置行 1.将listview的view设置为details 2.设置列属性 点击添加,添加一列 设置一列的Text属性,这就是列名 添加三列 3.编辑items属性,添加一行数据 编辑Text属性,添加一行的第一个数据 编辑subitems属性,添加一行中的其他数据 添加两个数据 填写结果 二.在listview中显示数据库数据 //在listview中显示数据库数据 private voi

Windows应用程序高级控件之ListView控件

ListView控件---列表视图控件 用途:显示带图标的项列表,其中可以显示大图标.小图标和数据 ListView控件的常用属性: View属性:设置项在控件中的显示方式,View属性的值有以下几种 Details       每个项显示在不同的行上 LargeIcon     每个项都显示为一个最大的图标,下面有标签,是默认的视图模式 List          每个项显示为一个小图标,右边带标签,各项排列在列中,没有列表头 SmallIcon     每个项显示为小图标,右边带标签 Tit