.net 分栏显示(显示界面无垃圾代码)

作者:互联网   出处:控件中国网   2014-11-05 19:21:00   阅读:1

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

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

Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat