移動控件介紹及詳細(xì)使用方法:List控件

來源： | 時間：2013/11/22 17:12:23 |

List控件用來顯示項的靜態(tài)列表。你也可以從數(shù)據(jù)庫動態(tài)地檢索數(shù)據(jù)，然后將這些數(shù)據(jù)綁定到List控件上。通過在“屬性”窗口中單擊 Items 屬性旁的省略號按鈕 („„) 并使用 List 屬性對話框，可向列表中添加項。設(shè)置ItemCount 屬性可指定列表包含的項的數(shù)目。在一些設(shè)備上，必須對列表進行分頁。您可將ItemsPerPage 屬性設(shè)置為要在每頁上顯示的列表項的數(shù)目。

使用數(shù)據(jù)綁定，List控件可以從數(shù)據(jù)源動態(tài)地獲得其屬性值。使用“屬性”窗口中的DataBindings屬性可以指定要綁定的屬性。此外，List控件可使用數(shù)據(jù)綁定從數(shù)據(jù)源讀取它的項。在DataSource屬性中可為項指定數(shù)據(jù)源。使用DataMember屬性可設(shè)置當(dāng)控件執(zhí)行數(shù)據(jù)綁定時從中讀取數(shù)據(jù)的數(shù)據(jù)源成員。DataTextField和DataValueField 屬性分別設(shè)置當(dāng) List 控件綁定項的 Text 和 Value 屬性時，將使用數(shù)據(jù)綁定項的哪一屬性。

使用 Alignment、ForeColor、Font、StyleReference 和 Wrapping 屬性可設(shè)置

List 控件的外觀。List 控件可以使用編號或項目符號顯示它們的項，具體樣式在 Decoration 屬性中指定。

下表是List控件的一些常見屬性：


屬性說明

DataSource 要綁定的列表的數(shù)據(jù)源。

DataMember 當(dāng)數(shù)據(jù)綁定到列表數(shù)據(jù)源時要提取的數(shù)據(jù)成員。僅在DataSource屬性的值的類型為 IListSource 而不是 IEnumerable 時，才使用此屬性。

DataValueField 在綁定某個項的 Value 屬性時要使用的數(shù)據(jù)綁定項的屬性。

DataTextField 在綁定項的 Text 屬性時要使用的數(shù)據(jù)綁定項的屬性。

Decoration 用于項的修飾的類型。


清單10和11是一個將數(shù)據(jù)庫中的數(shù)據(jù)綁定到List控件的示例，該程序?qū)?shù)據(jù)源的Company Name字段綁定List控件上。


清單10：
ListDefault.aspx
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="ListDefault.aspx.cs" Inherits="ListDefault" %>
<%@ Register TagPrefix="mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
    <mobile:Form id="Form1" runat="server">
公司名稱
<br />
      <mobile:List ID="lstResult" Runat="server"
DataTextField="CompanyName" DataValueField="CustomerID"
Decoration="Bulleted">
</mobile:List>
</mobile:Form>
</body>
</html>


清單
11
：
ListDefault.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
using System.Web;
using System.Web.Mobile;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.MobileControls;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Configuration;

public partial class ListDefault :
System.Web.UI.MobileControls.MobilePage
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string conn =
ConfigurationManager.ConnectionStrings["Northwinds"].ConnectionString;
            SqlConnection objConn = new SqlConnection(conn);

SqlCommand objCmd= new SqlCommand();
            objCmd.CommandText = "SELECT TOP 3 × FROM CUSTOMERS";
            objCmd.Connection = objConn;

objConn.Open();
            SqlDataReader objReader =
objCmd.ExecuteReader(CommandBehavior.CloseConnection);

lstResult.DataSource = objReader;
            lstResult.DataBind();

objCmd.Dispose();
            objConn.Dispose();
        }
    }
}