ASP.NET 学习笔记_010 ListView 和 DropDownList
2013-04-07 00:45
375 查看
1、Repeater用来显示数据、ListView用来操作数据
InsertItemTemplate和updateItemTemplate
**Eval(显示数据)和Bind(双向绑定:不仅是需要展现,更需要把数据绑定到数据库中)
ItemPlaceholderID:占位符,决定占位,把头部(之上)和尾部(之下)分隔开
ItemTemplate:展示功能
自动生成的ListView需要调整的地方
(1、生成的样式要提到style中,不要用内联的方式
(2、ItemTemplate里面一半没必要用<asp:Label>展示只读数据,所以可以直接输出
<%#Eval("id")%>
(3、LayoutTemplate中必须有一个ItempPlaceholderID 的服务端控件
(4、LayoutTemplate中表头的位置要汉化,所有template中的不需显示的字段需删除或更改位置
2、事件
流程同Repeater:
//首先判断数据行的类型
e.Item.ItemType==ListViewItemType.DataItem
//把e.Item转化成ListViewDataItem才能拿到DataItem
ListViewDataItem lvDataItem=(ListViewDataItem)e.Item;
DataRowView rowView=(DataRowView)lvDataItem.DataItem;
//获得某一列
var xRow=(...DAL.DataSet1.T_UserRow)rowVIew.Row;
//获得某一列的值
xRow.Age、xRow.sName...etc.
3、具体注意
(1、设定相应的按钮、控件、Validator为童颜的ValidationGroup,
防止不同模板中的Validator互相干扰,
(2、将Cancel按钮中的CausesValidation="false"使得插入修改数据时
可以取消操作,这样即使在同一个分组内也可以不互相影响
4、给InsertItemplate增加默认值
//在ItemCreate属性中进入函数
if(e.Item.ItemType==ListViewItemType.InsertItem){
TextBox AgeText=(TextBox)e.Item.FindControl("AgeID");
AgeText.Text="20";
}
5、主键Guid:插入到数据库
(1、ListView的ItemInserting属性:
//要插入到数据库之前的数据的键值对
e.values["id"]=Guid.NewGuid();
(2、ListView的ItemUpdateing属性:
e.ItemIdex
e.OldValues//更新前的值
e.NewValues["Age"]//更新后的值
e.Cancel=true;//取消非法数据插入
ObjectDataSource
绑定id为guid 类型的时候
6、DropDrownList
(1、
//包含在DropDrownList中的项
<asp:ListItem value="man">男</asp:ListItem>
(2、
**后台代码:更新的时候
//找到ListView
//ListView1.Item[e.ItemIndex].FindControl("ID");
//它是一个DropViewList
DropDrownList d=(DropDrownList)listView1.Item[e.ItemIndex].FindControl("ID");
//赋值
e.NewValues=["字段"]=d.SelectedValue;
(3、
**后台代码:实现编辑时显示原先的数据
//有数据行
if(e.Item.ItemType==ListVIewDataList.DataItem){
//取控件
DropDownList d=(DropDownLIst)e.Item.FindControl("ID");
if(d!=null){
//取到这一行绑定的数据
ListViewDataItem lv=(ListViewDataItem)e.Item;
DataRowItem row=(dataRowItem)lv.DataItem;
//如果这一行有数据
if(row!=null){
//读取数据库该Row的值
var myRow=(项目名称.DAL.DataSetUsers.T_Users)row.Row;
//将读取打偶的Row值设置为下拉菜单中的选项
d.SelectedValue=myRow.字段;
}
}
}
(4、 可以看不可以用 Enabled="false
友情链接管理:
效果:
存在问题总结:
(1、警告 1 元素“ListView”不是已知元素。原因可能是网站中存在编译错误,或者缺少 web.config 文件。 E:\code\Projects\WebSite_zzl01\友情链接\LinkUrl_Admin.aspx 39 10 友情链接
(2、onLinkTypeChange(this,'" + logoID.ClientID + "') 中传给前台javascript的ID不是客户端的ID,会导致显示和隐藏的功能无法实现,所以增加一个myID
: logoID.Attributes["myid"] = logoID.ClientID; 来传递参数
LinkUrl_Admin.aspx.cs
LinkUrl_Admin.aspx
InsertItemTemplate和updateItemTemplate
**Eval(显示数据)和Bind(双向绑定:不仅是需要展现,更需要把数据绑定到数据库中)
ItemPlaceholderID:占位符,决定占位,把头部(之上)和尾部(之下)分隔开
ItemTemplate:展示功能
自动生成的ListView需要调整的地方
(1、生成的样式要提到style中,不要用内联的方式
(2、ItemTemplate里面一半没必要用<asp:Label>展示只读数据,所以可以直接输出
<%#Eval("id")%>
(3、LayoutTemplate中必须有一个ItempPlaceholderID 的服务端控件
(4、LayoutTemplate中表头的位置要汉化,所有template中的不需显示的字段需删除或更改位置
2、事件
流程同Repeater:
//首先判断数据行的类型
e.Item.ItemType==ListViewItemType.DataItem
//把e.Item转化成ListViewDataItem才能拿到DataItem
ListViewDataItem lvDataItem=(ListViewDataItem)e.Item;
DataRowView rowView=(DataRowView)lvDataItem.DataItem;
//获得某一列
var xRow=(...DAL.DataSet1.T_UserRow)rowVIew.Row;
//获得某一列的值
xRow.Age、xRow.sName...etc.
3、具体注意
(1、设定相应的按钮、控件、Validator为童颜的ValidationGroup,
防止不同模板中的Validator互相干扰,
(2、将Cancel按钮中的CausesValidation="false"使得插入修改数据时
可以取消操作,这样即使在同一个分组内也可以不互相影响
4、给InsertItemplate增加默认值
//在ItemCreate属性中进入函数
if(e.Item.ItemType==ListViewItemType.InsertItem){
TextBox AgeText=(TextBox)e.Item.FindControl("AgeID");
AgeText.Text="20";
}
5、主键Guid:插入到数据库
(1、ListView的ItemInserting属性:
//要插入到数据库之前的数据的键值对
e.values["id"]=Guid.NewGuid();
(2、ListView的ItemUpdateing属性:
e.ItemIdex
e.OldValues//更新前的值
e.NewValues["Age"]//更新后的值
e.Cancel=true;//取消非法数据插入
ObjectDataSource
绑定id为guid 类型的时候
6、DropDrownList
(1、
//包含在DropDrownList中的项
<asp:ListItem value="man">男</asp:ListItem>
(2、
**后台代码:更新的时候
//找到ListView
//ListView1.Item[e.ItemIndex].FindControl("ID");
//它是一个DropViewList
DropDrownList d=(DropDrownList)listView1.Item[e.ItemIndex].FindControl("ID");
//赋值
e.NewValues=["字段"]=d.SelectedValue;
(3、
**后台代码:实现编辑时显示原先的数据
//有数据行
if(e.Item.ItemType==ListVIewDataList.DataItem){
//取控件
DropDownList d=(DropDownLIst)e.Item.FindControl("ID");
if(d!=null){
//取到这一行绑定的数据
ListViewDataItem lv=(ListViewDataItem)e.Item;
DataRowItem row=(dataRowItem)lv.DataItem;
//如果这一行有数据
if(row!=null){
//读取数据库该Row的值
var myRow=(项目名称.DAL.DataSetUsers.T_Users)row.Row;
//将读取打偶的Row值设置为下拉菜单中的选项
d.SelectedValue=myRow.字段;
}
}
}
(4、 可以看不可以用 Enabled="false
友情链接管理:
效果:
存在问题总结:
(1、警告 1 元素“ListView”不是已知元素。原因可能是网站中存在编译错误,或者缺少 web.config 文件。 E:\code\Projects\WebSite_zzl01\友情链接\LinkUrl_Admin.aspx 39 10 友情链接
(2、onLinkTypeChange(this,'" + logoID.ClientID + "') 中传给前台javascript的ID不是客户端的ID,会导致显示和隐藏的功能无法实现,所以增加一个myID
: logoID.Attributes["myid"] = logoID.ClientID; 来传递参数
LinkUrl_Admin.aspx.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data; namespace 友情链接 { public partial class LinkUrl_Admin : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void ListView1_ItemDataBound(object sender, ListViewItemEventArgs e) { //ListView1的属性ItemDataBound数据绑定每一行 //显示数据 if (e.Item.ItemType == ListViewItemType.DataItem) { DropDownList ddlsLinkType = (DropDownList)e.Item.FindControl("ddlsLinkType"); ListViewDataItem dataitem = (ListViewDataItem)e.Item; DataRowView myrow = (DataRowView)dataitem.DataItem; if (ddlsLinkType != null && myrow != null) { var sUrl = (友情链接.ADL.DataSet1.T_LinksRow)myrow.Row; ddlsLinkType.SelectedValue = sUrl.sLinkType; } } } protected void ListView1_ItemInserting(object sender, ListViewInsertEventArgs e) { //插入数据 DropDownList ddlsLinkType = (DropDownList)e.Item.FindControl("ddlsLinkType"); e.Values["sLinkType"] = ddlsLinkType.SelectedValue; } protected void ListView1_ItemUpdating(object sender, ListViewUpdateEventArgs e) { //更新数据 DropDownList ddlsLinkType = (DropDownList)ListView1.Items[e.ItemIndex].FindControl("ddlsLinkType"); e.NewValues["sLinkType"] = ddlsLinkType.SelectedValue; } protected void ListView1_ItemCreated(object sender, ListViewItemEventArgs e) { if (e.Item.ItemType == ListViewItemType.DataItem || e.Item.ItemType == ListViewItemType.InsertItem) { DropDownList ddlsLinkType = (DropDownList)e.Item.FindControl("ddlsLinkType"); TextBox logoID = (TextBox)e.Item.FindControl("LogoUrlTextBox"); if (ddlsLinkType != null&&logoID!=null) { //onchange是html中select的属性 //onLinkTypeChange是后台代码调用前台javascript中自定义的jQuery函数 logoID.Attributes["myid"] = logoID.ClientID; ddlsLinkType.Attributes["onchange"] = "onLinkTypeChange(this,'" + logoID.ClientID + "')"; if(ddlsLinkType.SelectedValue=="Text"){ logoID.Style["display"] = "none"; } } } } } }
LinkUrl_Admin.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LinkUrl_Admin.aspx.cs" Inherits="友情链接.LinkUrl_Admin" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>友情链接管理页面</title> <script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> function onLinkTypeChange(urlType, logoID) { if ($(urlType).val() == "Text") { $("input:text[myid=" + logoID + "]").hide(); //$("#" + logoID).hide(); //传到到客户端不是客户端的id //$("#ListView1_LogoURLTextBox").hide();//真正的id } else { $("input:text[myid=" + logoID + "]").show(); //$("#" + logoID).show(); } } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" DeleteMethod="Delete" InsertMethod="Insert" OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" TypeName="友情链接.ADL.DataSet1TableAdapters.T_LinksTableAdapter" UpdateMethod="Update"> <DeleteParameters> <asp:Parameter Name="Original_ID" Type="Int64" /> </DeleteParameters> <InsertParameters> <asp:Parameter Name="SeoNo" Type="Int32" /> <asp:Parameter Name="SiteName" Type="String" /> <asp:Parameter Name="sLinkType" Type="String" /> <asp:Parameter Name="SiteUrl" Type="String" /> <asp:Parameter Name="LogoUrl" Type="String" /> </InsertParameters> <UpdateParameters> <asp:Parameter Name="SeoNo" Type="Int32" /> <asp:Parameter Name="SiteName" Type="String" /> <asp:Parameter Name="sLinkType" Type="String" /> <asp:Parameter Name="SiteUrl" Type="String" /> <asp:Parameter Name="LogoUrl" Type="String" /> <asp:Parameter Name="Original_ID" Type="Int64" /> </UpdateParameters> </asp:ObjectDataSource> </div> <asp:ListView ID="ListView1" runat="server" DataKeyNames="ID" DataSourceID="ObjectDataSource1" InsertItemPosition="LastItem" onitemdatabound="ListView1_ItemDataBound" oniteminserting="ListView1_ItemInserting" onitemupdating="ListView1_ItemUpdating" onitemcreated="ListView1_ItemCreated"> <EditItemTemplate> <tr style="background-color: #999999;"> <td> <asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text="更新" /> <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="取消" /> </td> <td> <asp:TextBox ID="SeoNoTextBox" runat="server" Text='<%# Bind("SeoNo") %>' /> </td> <td> <asp:TextBox ID="SiteNameTextBox" runat="server" Text='<%# Bind("SiteName") %>' /> </td> <td> <asp:DropDownList ID="ddlsLinkType" runat="server"> <asp:ListItem Value="Text">文本</asp:ListItem> <asp:ListItem Value="Pic">图片</asp:ListItem> </asp:DropDownList> </td> <td> <asp:TextBox ID="SiteUrlTextBox" runat="server" Text='<%# Bind("SiteUrl") %>' /> </td> <td> <asp:TextBox ID="LogoUrlTextBox" runat="server" Text='<%# Bind("LogoUrl") %>' /> </td> </tr> </EditItemTemplate> <EmptyDataTemplate> <table runat="server" style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;"> <tr> <td> 未返回数据。</td> </tr> </table> </EmptyDataTemplate> <InsertItemTemplate> <tr style=""> <td> <asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="插入" ValidationGroup="Insert" /> <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="清除" /> </td> <td> <asp:TextBox ID="SeoNoTextBox" ValidationGroup="Insert" runat="server" Text='<%# Bind("SeoNo") %>' /> <asp:RequiredFieldValidator ValidationGroup="Insert" ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="SeoNoTextBox"> </asp:RequiredFieldValidator> <asp:CompareValidator ValidationGroup="Insert" ID="CompareValidator1" runat="server" ErrorMessage="序号必须为整数" ControlToValidate="SeoNoTextBox" Operator="DataTypeCheck" Type="Integer"> </asp:CompareValidator> </td> <td> <asp:TextBox ID="SiteNameTextBox" ValidationGroup="Insert" runat="server" MaxLength="50" Text='<%# Bind("SiteName") %>' /> <asp:RequiredFieldValidator ValidationGroup="Insert" ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ControlToValidate="SiteNameTextBox"> </asp:RequiredFieldValidator> </td> <td> <asp:DropDownList ID="ddlsLinkType" ValidationGroup="Insert" runat="server" > <asp:ListItem Value="Text">文本</asp:ListItem> <asp:ListItem Value="Pic">图片</asp:ListItem> </asp:DropDownList> </td> <td> <asp:TextBox ID="SiteUrlTextBox" ValidationGroup="Insert" runat="server" Text='<%# Bind("SiteUrl") %>' /> <asp:RequiredFieldValidator ValidationGroup="Insert" ID="RequiredFieldValidator3" runat="server" ErrorMessage="*" ControlToValidate="SiteUrlTextBox"> </asp:RequiredFieldValidator> </td> <td> <asp:TextBox ID="LogoUrlTextBox" ValidationGroup="Insert" runat="server" Text='<%# Bind("LogoUrl") %>' /> </td> </tr> </InsertItemTemplate> <ItemTemplate> <tr style="background-color: #E0FFFF;color: #333333;"> <td> <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="删除" /> <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="编辑" /> </td> <td> <asp:Label ID="SeoNoLabel" runat="server" Text='<%# Eval("SeoNo") %>' /> </td> <td> <asp:Label ID="SiteNameLabel" runat="server" Text='<%# Eval("SiteName") %>' /> </td> <td> <asp:DropDownList ID="ddlsLinkType" runat="server" Enabled="false"> <asp:ListItem Value="Text">文本</asp:ListItem> <asp:ListItem Value="Pic">图片</asp:ListItem> </asp:DropDownList> </td> <td> <asp:Label ID="SiteUrlLabel" runat="server" Text='<%# Eval("SiteUrl") %>' /> </td> <td> <asp:Label ID="LogoUrlLabel" runat="server" Text='<%# Eval("LogoUrl") %>' /> </td> </tr> </ItemTemplate> <LayoutTemplate> <table runat="server"> <tr runat="server"> <td runat="server"> <table ID="itemPlaceholderContainer" runat="server" border="1" style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;font-family: Verdana, Arial, Helvetica, sans-serif;"> <tr runat="server" style="background-color: #E0FFFF;color: #333333;"> <th runat="server"> </th> <th runat="server"> 序号</th> <th runat="server"> 网站名称</th> <th runat="server"> 链接类型</th> <th runat="server"> 网站网址</th> <th runat="server"> logo网址</th> </tr> <tr ID="itemPlaceholder" runat="server"> </tr> </table> </td> </tr> <tr runat="server"> <td runat="server" style="text-align: center;background-color: #5D7B9D;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF"> <asp:DataPager ID="DataPager1" runat="server"> <Fields> <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowLastPageButton="True" /> </Fields> </asp:DataPager> </td> </tr> </table> </LayoutTemplate> </asp:ListView> </form> </body> </html>
相关文章推荐
- Asp.Net--DropDownList与DataTable数据绑定的方法(C#)[学习笔记]
- <转>ASP.NET学习笔记之在ASP.NET MVC中使用DropDownList
- ASP.NET笔记之 ListView 与 DropDownList的使用
- ASP.NET笔记之 ListView 与 DropDownList的使用
- ASP.Net学习笔记010--加法计算器
- ASP.NET学习笔记--DropdownList&amp;amp;ListBox连动菜单
- telerik asp.net 控件学习笔记之————ComboBox(DropDownList)
- ASP.Net学习笔记012--12ViewState初探
- ASP.NET 2.0高级编程学习笔记-第3章 应用程序和页面框架
- ASP.NET 2.0 状态管理 学习笔记( 二)
- asp.net学习笔记 HTMLEncode HTMLDecode URLEncode
- ASP.NET MVC学习笔记-Controller与View传值
- Asp.Net Ajax 学习笔记20 ASP.NET AJAX的全球化与本地化功能
- ASP.NET 3.5核心编程学习笔记(9):用户配置文件
- ASP.Net MVC开发基础学习笔记:一、走向MVC模式
- asp.net20自定义配置节学习笔记(二)
- 【原创】Asp.net MVC学习笔记之-基于用途来绑定Model的属性
- asp.net mvc 4 高级编程学习笔记:第四章 模型
- Asp.net控件开发学习笔记整理篇 - 复习大纲