Inline HTML Helper – HTML Helpers in ASP.NET MVC
HTML Helpers are methods that returns HTML strings. These are used in the view. In simple terms, these are C# methods that are used to return HTML. Using HTML helpers you can render a text box, an area, image tag, etc. In MVC we have many built-in HTML helpers and we can create custom helpers too. Using HTML helpers a view can show model properties and can generate HTML as per the types of properties.
Types of HTML Helpers:
- Inline HTML Helper
- Built-in HTML Helper
- Standard HTML helper
- Strongly Typed HTML helper
- Templated HTMl Helper
- Custom HTML Helper
Inline HTML Helpers
These are the type of helpers that are used on a single view and are used on the same page. inline HTML helpers can be created using @helper tag.
You can create your own HTML Helper with the following syntax.
@helper HelperName(parameters)
{
// code
}
To use the above-created helper we use the following syntax
@HelperName(parameters)
Example:
@{ Layout = null;} <!--created a inline HTMl Helper with a single string type parameter-->@helper MyInlineHelper(string[] words){ <ol> <!--Used a foreach loop inside HTML. similarly we can use any conditional statement or any logic like we use in normal C# code.--> @foreach (string word in words) { <li>@word</li> } </ol>}<!DOCTYPE html> <html><head> <meta name="viewport" content="width=device-width" /> <title>Inline HTML Helper</title></head><body> <div> <!--called it inside this div and to get the output--> @MyInlineHelper(new string[] { "Delhi", "Punjab", "Assam", "Bihar" }) </div></body></html> |
Output:
Drawback of Inline HTML helpers
- These helpers can only be used with a single view only. You can not use it with multiple views.
Reference: Setup and run code in Visual Studio
Please Login to comment...