ASP.NET笔记之 ListView 与 DropDownList的使用(解决杨中科视频中的问题)
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
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using System.Web.UI; 6 using System.Web.UI.WebControls; 7 using System.Data; 8 using ListView.DAL.DataSetLinksTableAdapters; 9 10 namespace ListView 11 { 12 public partial class LinksMer : System.Web.UI.Page 13 { 14 protected void Page_Load(object sender, EventArgs e) 15 { 16 17 } 18 19 protected void ListView1_ItemDataBound(object sender, ListViewItemEventArgs e) 20 { 21 if(e.Item.ItemType== ListViewItemType.DataItem) 22 { 23 //ListViewItem lvi = (ListViewItem)e.Item.DataItem; 24 DataRowView drv = (DataRowView)e.Item.DataItem; 25 if(drv!=null) 26 { 27 var ll=(ListView.DAL.DataSetLinks.T_LinksRow)drv.Row; 28 DropDownList DropDownList1 = (DropDownList)e.Item.FindControl("DropDownList1"); 29 DropDownList1.SelectedValue = ll.LinkType.ToString(); 30 } 31 } 32 33 } 34 35 protected void ListView1_ItemInserting(object sender, ListViewInsertEventArgs e) 36 { 37 DropDownList DropDownList1 = (DropDownList)e.Item.FindControl("DropDownList1"); 38 e.Values["LinkType"] = DropDownList1.SelectedValue; 39 DataRowView drv = (DataRowView)e.Item.DataItem; 40 } 41 42 protected void ListView1_ItemUpdating(object sender, ListViewUpdateEventArgs e) 43 { 44 DropDownList DropDownList1 = (DropDownList)ListView1.Items[e.ItemIndex].FindControl("DropDownList1"); 45 e.NewValues["LinkType"]= DropDownList1.SelectedValue; 46 } 47 48 protected void ListView1_ItemCreated(object sender, ListViewItemEventArgs e) 49 { 50 //对于Insert、Item界面的初始化在ItemCreated比在ItemDataBound更好 51 if (e.Item.ItemType == ListViewItemType.DataItem || e.Item.ItemType == ListViewItemType.InsertItem) 52 { 53 DropDownList DropDownList1 = (DropDownList)e.Item.FindControl("DropDownList1"); 54 TextBox LogoURLTextBox = (TextBox)e.Item.FindControl("LogoURLTextBox"); 55 if (DropDownList1 != null&&LogoURLTextBox!=null) 56 { 57 LogoURLTextBox.Attributes["myid"] = LogoURLTextBox.ClientID; 58 DropDownList1.Attributes["onchange"] = "onLinkTypeChange(this,'" + LogoURLTextBox.ClientID + "')"; 59 if (DropDownList1.SelectedValue == "Text") 60 { 61 //LogoURLTextBox.Visible = false; 62 LogoURLTextBox.Style["display"] = "none"; 63 } 64 } 65 } 66 } 67 } 68 }
LinkUrl_Admin.aspx
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LinksMer.aspx.cs" Inherits="ListView.LinksMer" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 5 <html xmlns="http://www.w3.org/1999/xhtml"> 6 <head runat="server"> 7 <title></title> 8 <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> 9 <script type="text/javascript"> 10 function onLinkTypeChange(src,logoTextId) { 11 if($(src).val()=="Text") { 12 $("input:text[myid=" + logoTextId+"]").hide(); 13 // alert(logotextid);获取控件失败，待处理 14 //alert("input:text[myid=" + logoTextId + "]"); 15 } 16 else { 17 $("input:text[myid=" + logoTextId + "]").show(); 18 } 19 } 20 </script> 21 </head> 22 <body> 23 <form id="form1" runat="server"> 24 <div> 25 26 <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 27 DeleteMethod="Delete" InsertMethod="Insert" 28 OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" 29 TypeName="ListView.DAL.DataSetLinksTableAdapters.T_LinksTableAdapter" 30 UpdateMethod="Update"> 31 <DeleteParameters> 32 <asp:Parameter Name="Original_Id" Type="Int64" /> 33 </DeleteParameters> 34 <InsertParameters> 35 <asp:Parameter Name="SeqNo" Type="Int32" /> 36 <asp:Parameter Name="SiteName" Type="String" /> 37 <asp:Parameter Name="LinkType" Type="String" /> 38 <asp:Parameter Name="SiteURL" Type="String" /> 39 <asp:Parameter Name="LogoURL" Type="String" /> 40 </InsertParameters> 41 <UpdateParameters> 42 <asp:Parameter Name="SeqNo" Type="Int32" /> 43 <asp:Parameter Name="SiteName" Type="String" /> 44 <asp:Parameter Name="LinkType" Type="String" /> 45 <asp:Parameter Name="SiteURL" Type="String" /> 46 <asp:Parameter Name="LogoURL" Type="String" /> 47 <asp:Parameter Name="Original_Id" Type="Int64" /> 48 </UpdateParameters> 49 </asp:ObjectDataSource> 50 <asp:ListView ID="ListView1" runat="server" DataKeyNames="Id" 51 DataSourceID="ObjectDataSource1" InsertItemPosition="LastItem" 52 onitemdatabound="ListView1_ItemDataBound" 53 oniteminserting="ListView1_ItemInserting" 54 onitemupdating="ListView1_ItemUpdating" 55 onitemcreated="ListView1_ItemCreated"> 56 <EditItemTemplate> 57 <tr style=""> 58 <td> 59 <asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text="更新" /> 60 <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="取消" /> 61 </td> 62 <td> 63 <asp:TextBox ID="SeqNoTextBox" runat="server" Text='<%# Bind("SeqNo") %>' /> 64 </td> 65 <td> 66 <asp:TextBox ID="SiteNameTextBox" runat="server" 67 Text='<%# Bind("SiteName") %>' /> 68 </td> 69 <td> 70 <asp:DropDownList ID="DropDownList1" runat="server"> 71 <asp:ListItem Value="Text">文本</asp:ListItem> 72 <asp:ListItem Value="Pic">图片</asp:ListItem> 73 </asp:DropDownList> 74 </td> 75 <td> 76 <asp:TextBox ID="SiteURLTextBox" runat="server" Text='<%# Bind("SiteURL") %>' /> 77 </td> 78 <td> 79 <asp:TextBox ID="LogoURLTextBox" runat="server" Text='<%# Bind("LogoURL") %>' /> 80 </td> 81 </tr> 82 </EditItemTemplate> 83 <EmptyDataTemplate> 84 <table runat="server" style=""> 85 <tr> 86 <td> 87 未返回数据。</td> 88 </tr> 89 </table> 90 </EmptyDataTemplate> 91 <InsertItemTemplate> 92 <tr style=""> 93 <td> 94 <asp:Button ID="InsertButton" runat="server" ValidationGroup="insert" CommandName="Insert" Text="插入" /> 95 <asp:Button ID="CancelButton" runat="server" ValidationGroup="insert" CommandName="Cancel" Text="清除" /> 96 </td> 97 <td> 98 <asp:TextBox ID="SeqNoTextBox" runat="server" ValidationGroup="insert" Text='<%# Bind("SeqNo") %>' /> 99 <asp:RequiredFieldValidator 100 ID="RequiredFieldValidator1" runat="server" ValidationGroup="insert" ErrorMessage="*" ControlToValidate="SeqNoTextBox" Display="Dynamic"></asp:RequiredFieldValidator> 101 <asp:CompareValidator 102 ID="CompareValidator1" runat="server" ValidationGroup="insert" ErrorMessage="必须为整数" ControlToValidate="SeqNoTextBox" Type="Integer" Operator="DataTypeCheck" Display="Dynamic"></asp:CompareValidator> 103 </td> 104 <td> 105 <asp:TextBox ID="SiteNameTextBox" runat="server" ValidationGroup="insert" MaxLength="50" 106 Text='<%# Bind("SiteName") %>' /> 107 <asp:RequiredFieldValidator ID="RequiredFieldValidator2" 108 runat="server" ValidationGroup="insert" ErrorMessage="*" ControlToValidate="SiteNameTextBox"></asp:RequiredFieldValidator> 109 </td> 110 <td> 111 <asp:DropDownList ID="DropDownList1" ValidationGroup="insert" runat="server" AutoPostBack="False"> 112 <asp:ListItem Value="Text">文本</asp:ListItem> 113 <asp:ListItem Value="Pic">图片</asp:ListItem> 114 </asp:DropDownList> 115 </td> 116 <td> 117 <asp:TextBox ID="SiteURLTextBox" ValidationGroup="insert" runat="server" Text='<%# Bind("SiteURL") %>' /><asp:RequiredFieldValidator 118 ID="RequiredFieldValidator3" ValidationGroup="insert" runat="server" ErrorMessage="*" ControlToValidate="SiteURLTextBox"></asp:RequiredFieldValidator> 119 </td> 120 <td> 121 <asp:TextBox ID="LogoURLTextBox" ValidationGroup="insert" runat="server" Text='<%# Bind("LogoURL") %>' /> 122 </td> 123 </tr> 124 </InsertItemTemplate> 125 <ItemTemplate> 126 <tr style=""> 127 <td> 128 <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="删除" /> 129 <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="编辑" /> 130 </td> 131 <td> 132 <asp:Label ID="SeqNoLabel" runat="server" Text='<%# Eval("SeqNo") %>' /> 133 </td> 134 <td> 135 <asp:Label ID="SiteNameLabel" runat="server" Text='<%# Eval("SiteName") %>' /> 136 </td> 137 <td> 138 <asp:DropDownList ID="DropDownList1" runat="server" Enabled="false"> 139 <asp:ListItem Value="Text">文本</asp:ListItem> 140 <asp:ListItem Value="Pic">图片</asp:ListItem> 141 </asp:DropDownList> 142 </td> 143 <td> 144 <asp:Label ID="SiteURLLabel" runat="server" Text='<%# Eval("SiteURL") %>' /> 145 </td> 146 <td> 147 <asp:Label ID="LogoURLLabel" runat="server" Text='<%# Eval("LogoURL") %>' /> 148 </td> 149 </tr> 150 </ItemTemplate> 151 <LayoutTemplate> 152 <table runat="server"> 153 <tr runat="server"> 154 <td runat="server"> 155 <table ID="itemPlaceholderContainer" runat="server" border="0" style=""> 156 <tr runat="server" style=""> 157 <th runat="server"> 158 </th> 159 <th runat="server"> 160 序号</th> 161 <th runat="server"> 162 网站名</th> 163 <th runat="server"> 164 类型</th> 165 <th runat="server"> 166 连接地址</th> 167 <th runat="server"> 168 Logo地址</th> 169 </tr> 170 <tr ID="itemPlaceholder" runat="server"> 171 </tr> 172 </table> 173 </td> 174 </tr> 175 <tr runat="server"> 176 <td runat="server" style=""> 177 </td> 178 </tr> 179 </table> 180 </LayoutTemplate> 181 </asp:ListView> 182 183 </div> 184 </form> 185 </body> 186 </html>
