As we already know, Razor is probably the best view engine for ASP.NET MVC so far. It keeps your code fluid and very expressive. Besides the other functionalities Razor has, it also supports writing local functions. If you want to write a function, you can’t just open new @{ } razor block and write it there… it won’t work. Instead, you should specify @functions { } so that inside the brackets you will write your own C#/VB.NET functions/methods. Lets see an example: 1. I have the following loop that prints data using Razor <ul> @{ int N = 10; for (int i = 1; i<=N; i++) { <li>Number @i</li> } } </ul> This code will print the numbers from 1 to 10:
Number 1
Number 2
Number 3
Number 4
Number 5
Number 6
Number 7
Number 8
Number 9
Number 10 So, now lets write a function that will check if current
number is even, if yes… add Even before
Number word. Function in Razor @functions{ public bool isEven(int number) { return
number % 2 == 0 ? true : false; } } The modified code which creates unordered list is: <ul> @{ int N = 10; for (int i = 1; i<=N; i++) { if (isEven(@i)) { <li>Even
number @i</li> } else { <li>Number @i</li> } } } </ul> As you can see, in the modified code we use the isEven(@i) function to check if the current
number is even or not… The result is:
Number 1 Even
number 2
Number 3 Even
number 4
Number 5 Even
number 6
Number 7 Even
number 8
Number 9 Even
number 10 So, the main point
of this blog was to show how you can define your own functions inside page using Razor View Engine.
Of course you can define multiple functions inside the same @functions { } defined razor statement. The complete code: @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>ASP.NET MVC - Razor View Engine :: Functions</title> </head> <body> <div> <ul> @{ int N = 10; for (int i = 1; i<=N; i++) { if (isEven(@i)) { <li>Even
number @i</li> } else { <li>Number @i</li> } } } </ul> @functions{ public bool isEven(int number) { return
number % 2 == 0 ? true : false; } } </div> </body> </html> Hope you like it. Regards, Hajan
