码迷,mamicode.com
首页 > 其他好文 > 详细

Razor 中的@helper 与 @function 用法

时间:2016-01-05 23:56:05      阅读:508      评论:0      收藏:0      [点我收藏+]

标签:

@helper : 可以有返回值,也可以没有返回值
@function :需要有返回值
可以将View中公共部分的代码抽取出来,变成一个独立的方法
 
公共部分 view
       抽出的公共部分的view 必须放在App_Code目录下,文件名 xxx.cshtml . 文件名就是类名称
CommonUI.cshtml
  • 无返回值
@helper ShowCustomerInfo(Customer customer)
{
    <ul>
        <li>@customer.CompanyName</li>
        <li>@customer.CustomerID</li>
    </ul>
          
}
  • 有返回值
@helper mutiply(int a,int b)
{
    var r = a * b;
    @r;
}
 
 
@functions {
 
   public static IHtmlString GetCurrentTime()
   {
       return new HtmlString( DateTime.Now.ToString("yyyy-MM-dd hh:MM:ss"));
   }
}
 
Models 中的代码:
namespace Step1
{
    public class Customer
    {
        public string CustomerID
        {
            get;
            set;
        }
 
        public string CompanyName
        {
            get;
            set;
        }
    }
}
 
Controller 中的代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace Step1.Controllers
{
    public class CommonUIController : Controller
    {
        //
        // GET: /CommonUI/
 
        public ActionResult Helper()
        {
            Customer c = new Customer() {
             CompanyName="Redwave",
             CustomerID ="hbb0b0"          
            };
            return View(c);
        }
 
    }
}
 
 
 View 中的代码:
@using Step1.App_Code;
@{
    ViewBag.Title = "Helper";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
 
<h2>Helper</h2>
<div>
    @@helper 无返回值
</div>
<div>
    @ASP.CommonUI.ShowCustomerInfo(Model)
</div>
<div>
    @@helper 有返回值
</div>
<div>
   5*4=  @ASP.CommonUI.Mutiply(5,4).ToString()
</div>
<div>
    @@function
</div>
<div>
    @ASP.CommonUI.GetCurrentTime()
</div>
 
项目结构:
技术分享
运行结果:
技术分享
 
 

Razor 中的@helper 与 @function 用法

标签:

原文地址:http://www.cnblogs.com/hbb0b0/p/5104027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!