Razor数组数据

简介:

控制器层

public ActionResult DemoArray()
{

            Product[] array = {
                new Product {Name = "Kayak", Price = 275M},
                new Product {Name = "Lifejacket", Price = 48.95M},
                new Product {Name = "Soccer ball", Price = 19.50M},
                new Product {Name = "Corner flag", Price = 34.95M}
            };
            return View(array);
}

模型层

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Razor.Models
{
    public class Product
    {
        public int ProductID { get; set; }
        public string Name { get; set; }
        public string Description { get; set; }
        public decimal Price { get; set; }
        public string Category { set; get; }

    }
}

视图层

@model Razor.Models.Product[]

@{
    ViewBag.Title = "DemoArray";
    Layout = "~/Views/_BasicLayout.cshtml";
}

@if (Model.Length > 0)
{
    <table>
        <thead><tr><th>Product</th><th>Price</th></tr></thead>
        <tbody>
            @foreach (Razor.Models.Product p in Model)
            {
                <tr>
                    <td>@p.Name</td>
                    <td>$@p.Price</td>
                </tr>
            }
        </tbody>
    </table>
}
else
{
    <h2>No product data</h2>
}

改造视图层

@using Razor.Models
@model Product[]

@{
    ViewBag.Title = "DemoArray";
    Layout = "~/Views/_BasicLayout.cshtml";
}

@if (Model.Length > 0)
{
    <table>
        <thead><tr><th>Product</th><th>Price</th></tr></thead>
        <tbody>
            @foreach (Product p in Model)
            {
                <tr>
                    <td>@p.Name</td>
                    <td>$@p.Price</td>
                </tr>
            }
        </tbody>
    </table>
}
else
{
    <h2>No product data</h2>
}

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/6946398.html,如需转载请自行联系原作者


相关文章
|
C#
Blazor嵌套传递
Blazor嵌套传递
67 0
Blazor嵌套传递
|
JavaScript
vue实现菜单项数组转化为树形结构
vue实现菜单项数组转化为树形结构
113 0
|
PHP 索引
php模版引擎smarty使用section方法实现for循环代用索引数字i的解决方案
php模版引擎smarty使用section方法实现for循环代用索引数字i的解决方案
85 0
|
JavaScript 前端开发 数据格式
javascript判断多维数组是否包含某字段的解决方案
javascript判断多维数组是否包含某字段的解决方案
111 0
|
JavaScript 前端开发
javaScript 03 数组详解(数组声明/基础操作)
数组概念、数组的声明与调用、数组的基本使用
javaScript 03 数组详解(数组声明/基础操作)
|
JavaScript
js基础笔记学习69-枚举对象中得属性
js基础笔记学习69-枚举对象中得属性
80 0
js基础笔记学习69-枚举对象中得属性
|
Swift 索引
Swift实用小册04:数组、集合和字典的使用
Swift实用小册04:数组、集合和字典的使用
248 0
Swift实用小册04:数组、集合和字典的使用
|
JSON 前端开发 JavaScript
如何使用 JavaScript 扁平化 / 非扁平化嵌套 JSON 对象?
前端开发中,特别有接触过树形结构组件的项目中,这些组件很多都需要对JSON对象进行扁平化,而获取属性数据又需要对数据进行反操作。本文以代码的形式来展示如何使用 JavaScript 扁平化/非扁平化嵌套的 JSON 对象。
579 0
|
JSON JavaScript 前端开发
JS的对象数组去重处理(二十)
JS的对象数组去重处理(二十)
218 0
JS的对象数组去重处理(二十)
|
存储 前端开发 JavaScript
【JS面试题】返回对象中指定层次的所有键名
返回对象中指定层次的所有键名
137 0
下一篇
DataWorks