.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就好了!

在看一下原文件哈哈!没有一句垃圾代码!

posted on 2010-07-06 16:21  松原蔡晓冬  阅读(690)  评论(0)    收藏  举报

导航