知识大全 7.4.3 DataList和Repeater控件[2]

Posted 2022-07-14 知

篇首语：一个不想蹚过小河的人，自然不想远涉重洋。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 7.4.3 DataList和Repeater控件[2]相关的知识，希望对你有一定的参考价值。

7.4.3 DataList和Repeater控件[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

（）使用我们的site master创建一个简单的ASP NET Web Form页面并将其命名为Gallery aspx 其代码存放在单独的页面中保存该页面并将其再次保存为Gallery All aspx 对于这个练习您还需要一些图片可以在下载文件中找到查看一下是否已从下载文件夹中（C:\\BegASPNET \\WroxUnited）将Mathlmages文件夹导入如果没有通过在Solution Explorer中右击站点的根目录并使用Add Existing Item将其导入最后您将在根目录下添加一个名为Images的文件夹其中带有一些GIF和JPEG文件包括AddToCart gif和logo_white jpg

（）首先从工具箱的Data区域中拖放一个DataList控件到页面的内容区域打开它的智能任务面板并单击Choose Data Source 单击New Data Source打开创建数据源控件的向导

（）选择Database作为数据源并保留它的名称SalDataSource 单击OK 使用WroxUnited数据库

（）仅从Gallery表中勾选个字段 PictureURL FxitureID UploadedByMemberName Notes和PicturelD 然后测试查询此时VWD会自动创建数据源控件并将其设置为DataList控件的数据源

（）在浏览器中运行该页面以进行测试注意此时图片还没有显示出来关闭浏览器

（）现在需要实际显示图片确保已关闭浏览器然后在Design View中选中DataList控件打开它的智能任务面板并单击Edit Templates以显示类似于图 s的画面选中并删除带有文本PictureURL和Label控件的行

（）从工具条中拖放一个Image控件到原来的PictureURL字段左边的空白位置在该Image控件的智能任务面板中单击Edit Data Bindings 选择ImageURL属性绑定到PictureURL字段

结果代码如下所示如果在浏览器中测试该页面您将注意到图片仍然没有显示出来 Image控件仍然没有获得一个实际指向图片的URL:

<asp:ImageButton ID= PictureImage ImageUrl= <@# Eval（ PictureURL ）> runat= server />

（）为了指定URL 不仅要指定图片文件的名称还要指定它的路径（文件夹）切换到Source View并在ImageURL属性中添加如下参数

<asp:ImageButton ID= PictureImage runat= server ImageUrl= <@# Eval（ PictureURL ）> ~/MatchImage/（）） %> > </asp:ImageButton>

（）在浏览器中查看页面欢呼有了！然后关闭浏览器

cha138/Article/program/net/201311/15577