.net 分栏显示(显示界面无垃圾代码)
这几天做了一个小项目,其中有一个模块需要进行分栏。例如每行显示五章图片。
这个当然很好做了!拽个DataList,选择分好的栏数,给个数据集就自然显示了!以前也是这么做的,很快很方便。
<asp:DataList ID="dltpxgg1" runat="server" RepeatColumns="6">
<ItemTemplate>
<div>
<a href="<%#Eval("UrlAddress")%>" target="_blank">
<img style="margin: auto; border: none; padding: 2px 2px 2px 2px; width: 160px; height: 80px;"
src="../pictures/<%#Eval("PictureUrl")%>" alt='<%#Eval("Title") %>' />
</a>
</div>
</ItemTemplate>
</asp:DataList>
今天测试也很正常,打开网页,查看原文件,发现里面有很多Table垃圾代码!经过分析,原来是DataList自带的,很有意思!虽然DataList给开发带来了方便但是也带来了很多垃圾代码!看起来并不是很舒服!于是便决定想办法把Table解决掉。当然最好的控件就是Repeater了!
<asp:Repeater ID="dltpxgg1" runat="server">
<ItemTemplate>
<a href="<%#Eval("UrlAddress")%>" target="_blank">
<img class="tpxgg1" src="../Pictures/<%#Eval("PictureUrl")%>" alt='<%#Eval("Title") %>' />
</a>
</ItemTemplate>
</asp:Repeater>
是不是很简单!这里只需要把Class设置好了!例如版面款800 每行需要显示4张图片width设置成200就好了!
在看一下原文件!没有一句垃圾代码!