1、
数据绑定
combox-->BingdSource-->ObjectDataSource
//连接数据库
**后台代码：
T_UserTableAdapter adpter=T_UserTableAdpter();
adpater.调用T_User表的自定义方法
//设置初始数据：
AppenddateBource="true";
2、Repeater 动态显示数据表中所有数据：（相当于一个for语句我觉得）
#代表绑定数据
（1、模板：<ItemTemplate>主键：<%#Eval("Id")%> </ItemTemplate>
（2、其他模板(隔行显示)：<AlternatingTemplate></AlternatingTemplate>
（3、还有头部尾部模板<HeaderItemplate>还有<FooterItemplate>
（4、可以在<%aaa(Eval("a")) %>中调用服务端函数
protected string aaa(object url){
return ResolveClientUrl("/../"+url);
}
（5、常见的类型语句：
**1：e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem
指触发的类型为DadaList中的基本行或内容行 ：用来判断项是控件内容中的项或交插项
**2：e.Item.ItemType == ListItemType.Header
指触发的类型为DadaList中的标题行的内容：用来判断项是不是控件的表头
**3搜索资料：
ListItemType 枚举 [C#]请参见
System.Web.UI.WebControls 命名空间 | DataGridItem.ItemType | DataListItem.ItemType | RepeaterItem.ItemType
命名空间: System.Web.UI.WebControls
ListItemType 枚举表示可以包含在列表控件中的不同项，例如 DataGrid、DataList 和 Repeater。典型的列表控件由包含此枚举所表示的元素的单元格组成。
成员
成员名称 说明
AlternatingItem 交替（从零开始的偶数索引）单元格中的项。它是数据绑定的。
EditItem 列表控件中当前处于编辑模式的项。它是数据绑定的。
Footer 列表控件的页脚。它不是数据绑定的。
Header 列表控件的页眉。它不是数据绑定的。
Item 列表控件中的项。它是数据绑定的。
Pager 页导航，显示定位到与 DataGrid 控件关联的不同页的控件。它不是数据绑定的。
SelectedItem 列表控件中的选定项。它是数据绑定的。
Separator 列表控件中项之间的分隔符。它不是数据绑定的。
3、Repeater事件之ItemDataBound事件
（1、OnItemDataBound事件（绑定中获取同一行相关信息）
DataRowView MyRow= (DataRowView)e.Item.DataItem;
MyRow["这里是相关字段名称"]
（2、后台代码：获取数据库表中的列
//取出绑定行的信息
DataRowView view=（DataRowView）e.Item.DataItem;
//强连接
var row=(项目名称/文件夹名/DAL/DataSetPersons/T_PersonsRow)view.Row;
（3、后台代码：母版中的ID不能直接取
//获得ID
TextBox txtId=(TextBox)e.Item.FindControl("id");
//根据ID进行操作
txtId.BackColor=Color.Red;
（4、aspx中：href='<%#Eval("URL")%>'
这样在浏览器中点击是不会到指定页面的，应当改成
href='http://<%#Eval("URL")%>'
（5、aspx中：支持格式
<%#Eval("Date","yyyy-mm-dd")%>
4、Repeater事件之ItemCommand事件
** e.CommandName 名字
** e.CommandArgument 参数
**后台代码获取前台传过来的参数例如ID： long id=Convert.ToInt64(e.CommandArgument);
**后台代码：Repeater.DataBing//强制刷新数据
（1、OnClientClick="return confirm("您真的要操作吗？");"
（2、看aspx中id的类型，可以先顶一个id，然后在aspx.cs中查看它是什么类型
//如下用法：
HtmlTableRow tr=(HtmlTableRow)e.Item.FindControl("id");
//自定义属性：：css具体的实现在页面中，后台只是引用
**后台代码：tr.Attributes["class"]="css中的.id";
（3、抛出错误： throw new Exception("自己定义的错误类型");
5、实例：
move_pic.aspx
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="move_pic.aspx.cs" Inherits="Move_Pic.move_pic" %> 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 id="Head1" runat="server"> 7 <title></title> 8 <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 9 10 </head> 11 12 <body> 13 <form id="form1" runat="server"> 14 <div> 15 16 <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 17 DeleteMethod="Delete" InsertMethod="Insert" 18 OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" 19 TypeName="Move_Pic.DAL.DataSet1TableAdapters.T_userInfoTableAdapter" 20 UpdateMethod="Update"> 21 <DeleteParameters> 22 <asp:Parameter Name="Original_sUserName" Type="String" /> 23 </DeleteParameters> 24 <InsertParameters> 25 <asp:Parameter Name="sUserName" Type="String" /> 26 <asp:Parameter Name="sPassWord" Type="String" /> 27 <asp:Parameter Name="Email" Type="String" /> 28 <asp:Parameter Name="Age" Type="Int32" /> 29 <asp:Parameter Name="Pic_url" Type="String" /> 30 </InsertParameters> 31 <UpdateParameters> 32 <asp:Parameter Name="sPassWord" Type="String" /> 33 <asp:Parameter Name="Email" Type="String" /> 34 <asp:Parameter Name="Age" Type="Int32" /> 35 <asp:Parameter Name="Pic_url" Type="String" /> 36 <asp:Parameter Name="Original_sUserName" Type="String" /> 37 </UpdateParameters> 38 </asp:ObjectDataSource> 39 40 <asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1"> 41 <HeaderTemplate>欢迎选购<table id="tableId"><tr></HeaderTemplate> 42 <ItemTemplate><td> 43 <img a1='<%#Eval("sUserName")%>' a2='<%#Eval("Age") %>'width="100", 44 height="150" src='image/<%#Eval("Pic_url") %>' /></td> 45 </ItemTemplate> 46 <FooterTemplate></tr></table>欢迎下次光临</FooterTemplate> 47 </asp:Repeater> 48 49 <script type="text/javascript"> 50 /*$("img").mousemove(function (e) { 51 $("#sUserName").text($(this).attr("a1")); 52 $("#Age").text($(this).attr("a2")); 53 $("#divNone").css("top", e.pageY).css("left", e.pageX).show("slow"); 54 });*/ 55 //动态增长 56 /* $(function () { 57 $("#img").click(function () { 58 //$(this).animate({ "width": "+=300", "height": "+=300" }); 59 $(this).animate({"width":"300","height":"300"}); 60 //$(this).attr("width", "300").attr("height", "300"); 61 }); 62 });*/ 63 $("#tableId img").mouseenter(function () { 64 $(this).animate({ "width": "300", "height": "300" },"slow"); 65 //$(this).siblings().animate({ "width": "150", "height": "300" }); 66 //将自己排除在外 67 $("#tableId img").not($(this)).animate({ "width": "100", "height": "150" }, "slow"); 68 }); 69 </script> 70 71 </div> 72 <div style="display:none" id="divNone"> 73 <p>姓名：<span id="sUserName"></span></p> 74 <p>年龄：<span id="Age"></span></p> 75 </div> 76 77 </form> 78 </body> 79 80 </html>
数据库表设计如下：
