爱上MVC~Razor引擎时,在遍历中巧用Output.Write方法

回到目录

在Razor引擎中,对于在表格中进行遍历时,一般会这样写

复制代码
<table border="1">
    @{ 
        for (var i = 0; i < 10; i++)
        {
        <tr>
            <td>
                @i
            </td>
        </tr>
        }
    }
</table>
复制代码

这是没有问题的,但如果你的元素i,希望在一行显示2列,你应该如何去做,下面的代码是不被razor接受的

复制代码
<table border="1">
    @{ 
        for (var i = 0; i < 10; i++)
        {
            if (i % 2 == 0)
            {
        <tr>
            }
            <td>
                @i
            </td>
            if(i%2!=0){
        </tr>
            }
        }
    }
</table>
复制代码

这种写法在运行时会抛出异常的,因为razor特有的对标记的智能识别,省去了<%%>这种结尾标记,所以上面的写法对于razor是不能接受的,我

们需要把代码修改一下,把<tr>标记写在程序里,代码如下:

复制代码
<table border="1">
    @{ 
        for (var i = 0; i < 10; i++)
        {
            if (i % 2 == 0)
            {
                Output.Write("<tr>");
            }
        <td>
            @i
        </td>
       if (i % 2 != 0)
       {
           Output.Write("</tr>");
       }
        }
    }
</table>
复制代码

注意,我们在输出时没有用Write,也没有用Response.Write,因为这两种输出都不能在原位置进行输出,而如果希望在原位置输出指定字符,需要

使用Output对象的Write方法,结果如下:

感谢阅读!

回到目录

posted @   张占岭  阅读(3459)  评论(5编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
历史上的今天:
2012-01-18 小小的架构,小小的我
2012-01-18 Js~实现public和private对象,即static修饰符
点击右上角即可分享
微信分享提示