I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component public class AllViewComponent : ViewComponent { private readonly UserManager<ApplicationUser> _userManager; public AllViewComponent(UserManager<ApplicationUser> userManager) { _userManager = userManager; } public async Task<IViewComponentResult> InvokeAsync() { List<StudentViewModel> allUsers = new List<StudentViewModel>(); var items = await _userManager.Users.ToListAsync(); foreach (var item in items) { allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email }); }
Like all other programming languages, variables are named entities used to store data to be used in particular scope. Declaration of variables must follow all the rules described in other languages like must begin with alphabetic character, cannot contain white spaces or any reserved character.
Variables can be declared by their specific data type or "var" keyword. Variables may use all the operators as other languages use. Following lines of code will declare some variables of different data types:
// Variables having var datatype
var name = "Computer Programming"
var url = "dotprogramming.blogspot.com"
var authors = 10
var estb = 2013
//Datatypes accordingly
String name = "Computer Programming"
String url = "dotprogramming.blogspot.com"
int authors = 10
DateTime estb = 2013
Razor syntax also supports conditional expressions i.e. if...else statement to be used some lines of code accordingly. Following lines of code will specify an if...else code block which with always show the true case, because of the condition.
@{ if (true)
{<p>This is true case</p>}
else
{<p>This is false case</p>}
}
By using above type of code, programmer can easily specify the divisions on individual condition. Like this conditional statement razor also supports looping statements i.e. For loop, for-each loop, while loop etc. To be execute some lines of code multiple times programmer need to use these looping constructs.
Following line of code will write the string ("dotprogramming.blogspot.com") 10 times on the page:
@{ for (int i = 0; i < 10; i++)
{
<p><a href="https://dotprogramming.blogspot.com">Computer Programming @(i+1) </a></p>
}
}
Running these line of code will show you 10 links of the same url (as specified):
Generating same output from for-each loop, programmer need to write something like these lines of code:
int[] array = new int[10] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
foreach (var item in array)
{
<p><a href="https://dotprogramming.blogspot.com">Computer Programming @(item) </a></p>
}
Variables can be declared by their specific data type or "var" keyword. Variables may use all the operators as other languages use. Following lines of code will declare some variables of different data types:
// Variables having var datatype
var name = "Computer Programming"
var url = "dotprogramming.blogspot.com"
var authors = 10
var estb = 2013
//Datatypes accordingly
String name = "Computer Programming"
String url = "dotprogramming.blogspot.com"
int authors = 10
DateTime estb = 2013
Razor syntax also supports conditional expressions i.e. if...else statement to be used some lines of code accordingly. Following lines of code will specify an if...else code block which with always show the true case, because of the condition.
@{ if (true)
{<p>This is true case</p>}
else
{<p>This is false case</p>}
}
By using above type of code, programmer can easily specify the divisions on individual condition. Like this conditional statement razor also supports looping statements i.e. For loop, for-each loop, while loop etc. To be execute some lines of code multiple times programmer need to use these looping constructs.
Following line of code will write the string ("dotprogramming.blogspot.com") 10 times on the page:
@{ for (int i = 0; i < 10; i++)
{
<p><a href="https://dotprogramming.blogspot.com">Computer Programming @(i+1) </a></p>
}
}
Running these line of code will show you 10 links of the same url (as specified):
Generating same output from for-each loop, programmer need to write something like these lines of code:
int[] array = new int[10] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
foreach (var item in array)
{
<p><a href="https://dotprogramming.blogspot.com">Computer Programming @(item) </a></p>
}
Comments
Post a Comment