|
（）现在对DataList进行一些修改回到Design View修改DataList控件的布局选中这个DataLxst控件在Properties窗口中将RepeatColumns修改为将RepeatDirection修改为Horizontal （）进行一点修改在Design View中选择该DataList控件并打开它的智能任务面板单击Edit Templates默认情况下您将修改Item模板 （）删除文本Notes:但保留显示注释的标签 （）在模板中将FixtureID的位置向上移动而将Member Name向下移动在UploadedByMemberName文本之间添加一些空格使其更容易阅读删除表示PictureURL的文本和标签 （）在DataList控件的智能任务面板中（可能还没有打开）单击End Template Editing该页面Source View中将如下所示 <%@ Page Language=VB MasterPageFile=~/sitemaster AutoEventWireup=false CodeFile=GalleryAllaspxvb Inherits=Gallery_AllTest title=Untitled Page %> <asp:Content ID=Content ContentPlaceHolderID=mainContent Runat=Server> <asp:DataList ID=DataList runat=server DataSourceID=SqlDataSource RepeatColumns= RepeatDirection=Horizontal> <ItemTemplate> <asp:Image ID=Image runat=server ImageUrl=<%# ~/MatchImages/() %>/><br /> <asp:Label ID=NotesLabel runat=server Text=<%# Eval(Notes) %>></asp:Label><br />
FixtureID: <asp:Label ID=FixtureIDLabel runat=server Text=<%# Eval(FixtureID) %>></asp:Label><br /> Uploaded By Member: <asp:Label ID=UploadedByMemberNameLabel runat=server Text=<%# Eval(UploadedByMemberName) %>></asp:Label><br /> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID=SqlDataSource runat=server ConnectionString=<%$ ConnectionStrings:WroxUnited%> SelectCommand=SELECT [PictureURL] [Notes] [UploadedByMemberName] [FixtureID] FROM [Gallery]> </asp:SqlDataSource> </asp:Content>
（）运行该页面以便在浏览器中查看工作的结果 [] [] [] [] |
