asp.net学习之 数据绑定控件--List数据绑定控件
List控件(如 CheckBoxList、DropDownList、ListBox 和 RadioButtonList 类)继承自ListControl类,不能直接创建 ListControl 抽象类的实例。相反,此类由其他类(如 CheckBoxList、DropDownList、ListBox 和 RadioButtonList 类)继承以提供通用的基本功能。
ListControl 类的属性允许您指定用来填充列表控件的数据源。使用 DataSource 属性指定要绑定到列表控件的数据源。如果数据源包含多个表,请使用 DataMember 属性指定要使用的表。通过分别设置 DataTextField 和 DataValueField 属性,可以将数据源中的不同字段绑定到列表控件项的 ListItem.Text 和 ListItem.Value 属性。通过设置 DataTextFormatString 属性,可以设定列表控件中每一项的显示文本的格式。
列表控件中显示的所有项都保存在 Items 集合中。可以使用 SelectedIndex 属性,以编程方式指定或确定列表控件中选定项的索引。使用 SelectedItem 属性,可以访问选定项的属性。
ListControl 类提供了 SelectedIndexChanged 事件,在信息发往服务器之间,如果列表控件中的选定项发生变化,会引发该事件。这使您可以为此事件提供自定义处理程序。有关处理事件的更多信息,请参见使用事件。
继承自ListControl的列表控件包括了以下几个:
BulletedList -- 显示列表项,列表项可以为文本、链接按钮或者是超链接
checkboxlist -- 显示复选框列表
dropdownlist -- 显示下拉框列表
Listbox -- 显示列表框
RadioButtonlist-- 显示单选按钮列表
1.共通属性和方法
以为以上几个控件都继承于ListControl,所以它们有一些共通的东西
1.1 每个控件都有一个选项列表,每个选项都是由ListItem类的一个实例。
其中ListItem类具有以下通用属性
● Attributes:可以在列表项中添加HTML属性
● Enable:可以将列表项置为可用
● Selected:可以将列表项标记为选中
● Text:显示的文本
●Value:对应的隐藏值
1.2 都可以绑定要数据源,支持声明式绑定和编程式绑定,声明式比较简单,不多述。
编程式绑定不光可以绑定ListItem对象集合外,还可以绑定DataTable中的Columns,可以绑定List<Type>对象。如:
例1:List控件绑定List<Type>对象
public class CartItem
{
private int _id;
public string _description;
public int Id { get { return _id; } }
public string Description
{
get { return _description; }
}
public CartItem(int id, string description)
{
_id = id;
_description = description;
}
}
void Page_Load()
{
if (!IsPostBack)
{
// Create shopping cart
List<CartItem> shoppingCart = new List<CartItem>();
shoppingCart.Add(new CartItem(1, “Notebook Computer”));
shoppingCart.Add(new CartItem(2, “HD Plasma Television”));
shoppingCart.Add(new CartItem(3, “Lava Lamp”));
lstShoppingCart.DataSource = shoppingCart;
lstShoppingCart.DataBind();
}
}
</script>
<asp:ListBox id=”lstShoppingCart” DataTextField=”Description”
DataValueField=”Id” Runat=”server” />
例2:List控件绑定数据源控件
DataValueField=”Id” Runat=”server” />
<asp:SqlDataSource id=”srcMovies” SelectCommand=”SELECT Id, Title FROM Movies”
ConnectionString=”<%$ ConnectionStrings:Movies %>” Runat=”server” />
1.3 以相同的方式确定被选中的项
通过SelectedIndex、SelectedItem、SelectedValue属性获取和设置被选中的项。
1.4 追加数据项:AppendDataBOundItems属性
默认的,当使用DataBind绑定到数据源时,List控件原有的数据会被清空,新的选项会被加入进来,而如果通过设定AppendDataBoundItems为true属性,就可以在绑定数据源时,保留已经存在的数据项。
1.5 启用自动回传功能: AutoPostBack属性
当设置ListControl的AutoPostBack属性为true时,对List控件中的列表项进行更改,都会导致List控件的表单自动回传到服务器。
1.6 获得列表项(ListItem)的集合: Items属性
所有List控件呈现的列表项都包含在ListControl控件的Items属性中。该属性返回的是一个ListItemCollection对象。
可以直接访问这个集合中的列表项,增加或删除指定列表项或者改变列表项的顺序。
例3:访问和修改列表项
protected void btnAdd_Click(object sender, EventArgs e)
{
ListItem item = lstAllMovies.SelectedItem;
if (item != null)
{
lstAllMovies.Items.Remove(item);
lstFavoriteMovies.ClearSelection(); // 清除列表选择并将所有项的 Selected 属性设置为 false。
lstFavoriteMovies.Items.Add(item);
}
}
</script>
<asp:ListBox id=”lstAllMovies” DataSourceID=”srcMovies” DataTextField=”Title”
DataValueField=”Id” Runat=”server” />
<asp:Button id=”btnAdd” Text=”—>” ToolTip=”Add List Item”
Runat=”server” OnClick=”btnAdd_Click” />
<asp:ListBox id=”lstFavoriteMovies” Runat=”server” />
<asp:SqlDataSource id=”srcMovies” SelectCommand=”SELECT Id, Title FROM Movies”
ConnectionString=”<%$ ConnectionStrings:Movies %>” Runat=”server” />
2. DropdownList控件
默认的DropdownList控件不大好用,推荐使用第三方DropdownList控件,例如EasyListBox。见www.easylistbox.com
3. RadioButtonList控件
RadioButtonList控件有3个属性可以影响其布局,分别是:
● RepeatColumns: 按钮需要显示的列数
● RepeatDirection: 排列方向,可以赋为Horizontal(横向)及Vertical(纵向)
● RepeatLayout: 单选按钮是否显示在一个HTML表格中,可以赋值为Table或Flow. 默认为Table
4. ListBox控件
与DropdownList控件相似,不同的是,可以多选。另外注意的是ListBox的Rows属性,可以得知一次显示选择项的行数
● Rows: 获取或设置 ListBox 控件中显示的行数。默认为4
可以使用 Items 集合检查 ListBox 控件中包含的 ListItem 对象。例如,可以通过枚举 Items 集合并测试每个 ListItem 元素的 Selected 值来确定 ListBox 控件中的选定项。
例4:获得ListBox中选择项
protected void btnSubmit_Click(object sender, EventArgs e)
{
foreach (ListItem item in lstMovies.Items)
if (item.Selected)
lblMovie.Text += “<li>” + item.Text;
}
</script>
<asp:ListBox id=”lstMovies” DataSourceID=”srcMovies” DataTextField=”Title”
DataValueField=”Id” SelectionMode=”Multiple” Runat=”server” />
<asp:Button id=”btnSubmit” Text=”Submit” OnClick=”btnSubmit_Click” Runat=”server” />
<asp:SqlDataSource id=”srcMovies” SelectCommand=”SELECT Id, Title FROM Movies”
ConnectionString=”<%$ ConnectionStrings:Movies %>” Runat=”server” />
5. CheckboxList控件
呈现一组复选框列表,可以多选,程序中获得选择项的方式同例4的代码相同。也是通过枚举来实现。
其有3个属性可以影响其布局,分别是RepeatColumns、RepeatDirection、RepeatLayout,用法与RadioButtonList相同。
6. BulletedList控件
可以呈现无序(项目符号)的列表,也可以呈现有序(带编号)的列表,每个列表项可以为文本、LinkButton或者是一个到其它WEB页的链接。
通过BulledStyle属性可以控制每一个列表项的外观。属性可以有以下值:Circle,CustomImage,Disc,LowerAplha…
例5:为列表项添加自定义图像:
BulletStyle=”CustomImage” BulletImageUrl=”~/Images/Bullet.gif” Runat=”server” />
<asp:SqlDataSource id=”srcMovies” SelectCommand=”SELECT Id, Title FROM Movies”
ConnectionString=”<%$ ConnectionStrings:Movies %>” Runat=”server” />
可以通过DisplayMode属性修改每个列表项的外观,属性接受以下值:
● HyperLink: 呈现为一个到其它页面的链接
● LinkButton: 呈现一个LinkButton控件。
● Text: 呈现一个简单文本
例6:为列表项呈现链接
<asp:ListItem Text=”Yahoo” Value=”http://www.Yahoo.com” />
<asp:ListItem Text=”Google” Value=”http://www.Google.com” />
<asp:ListItem Text=”Deja” Value=”http://www.Deja.com” />
</asp:BulletedList>
注:BulletedList与其它List控件不同,它不支持属性SelectedIndex、SelectedItem、SelectedValue。因为它压根儿无法选择。