ASP.NET笔记之 ListView 与 DropDownList的使用

介绍

在ASP.NET中，ListView和DropDownList都是常用的控件之一，ListView可以显示多行数据并提供样式控制，DropDownList则是提供了下拉列表的选择功能。本文将详细讲解ListView和DropDownList的使用，包括基本概念、属性设置和样式控制等。

ListView的基本设置

ListView是ASP.NET中展示多行数据的控件，可以用于各种数据呈现场景，例如电子商务网站中商品列表的展示。在ASP.NET中，使用ListView可以轻松的展示数据，并支持各种样式控制。

使用ListView，需要进行如下的基本设置：

1. 数据源设置

ListView需要绑定数据源，可以是数据表、数据集或数据源控件。以下是一个使用SqlDataSource作为数据源的示例：

<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
    SelectCommand="SELECT * FROM [myTable]">
</asp:SqlDataSource>

2. ListItem设置

在ListView中，可以使用ListItem来设置每一行的样式和呈现方式。

<ItemTemplate>
    <div class="item">
        <h2><%# Eval("Title") %></h2>
        <p><%# Eval("Description") %></p>
    </div>
</ItemTemplate>

3. 控件属性设置

可以设置控件的属性，例如样式、模板、分页等。

<asp:ListView ID="ListView1" runat="server" 
    DataSourceID="SqlDataSource1" 
    ItemPlaceholderID="itemPlaceholder" 
    OnPagePropertiesChanged="ListView1_PagePropertiesChanged" 
    OnPreRender="ListView1_PreRender">
    <LayoutTemplate>
        <div class="my-class">
            <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
        </div>
        <asp:DataPager ID="DataPager1" runat="server">
            <Fields>
                <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
                    ShowNextPageButton="False" ShowPreviousPageButton="False" />
                <asp:NumericPagerField ButtonType="Button" />
                <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" 
                    ShowNextPageButton="False" ShowPreviousPageButton="False" />
            </Fields>
        </asp:DataPager>
    </LayoutTemplate>
</asp:ListView>

DropDownList的基本设置

DropDownList是ASP.NET中的一个常用控件，它提供了下拉列表的选择功能，通常可以用于选择性别、部门等选项。在ASP.NET中，使用DropDownList可以轻松的实现下拉选择功能。

使用DropDownList，需要进行如下的基本设置：

1. 数据源绑定

绑定数据源，可以是数据表、数据集或数据源控件。以下是一个使用SqlDataSource作为数据源的示例：

<asp:SqlDataSource ID="SqlDataSource2" runat="server" 
    ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
    SelectCommand="SELECT * FROM [myTable]">
</asp:SqlDataSource>

2. ListItem设定

使用ListItem设定每一个选项的值和显示文本。

<asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource2" 
    DataTextField="Title" DataValueField="ID">
    <asp:ListItem Value="" Text="请选择" Selected="True" />
</asp:DropDownList>

利用代码动态添加选项的示例：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        DropDownList1.Items.Add(new ListItem("apple", "0"));
        DropDownList1.Items.Add(new ListItem("orange", "1"));
    }
}