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 }); }
If you want to add some controls on your web browser, i mean to say if you want to add controls on run time then you can easily dome with any script control, without using c# code. So, here i used Java Script code to add controls on a page. And your code is
Index.cshtml
<form method="post">
<div id="firstdiv">
<input type="text" name="testinput" />
<input type="button" value="add dynamic" onclick="DynamicText()"/>
</div>
<input type="submit" value="submit"/>
</form>
JS----file
function DynamicText() {
var division = document.createElement('DIV');
division.innerHTML = DynamictextBox("");
document.getElementById("firstdiv").appendChild(division);
}
function DynamictextBox(value) {
return '<div><input type="text" name="dyntxt" /><input type="button" onclick="ReTextBox(this)" value="Remove"/></div>';
}
function ReTextBox(div) {
document.getElementById("firstdiv").removeChild(div.parentNode.parentNode);
}
If you want to use this code , learn :
Python Training in Kolkata
ReplyDeletePython Classes in Kolkata
Good Post. I like your blog. Thanks for Sharing.
ReplyDeleteVisit us: dot net training
Visit us: Dot Net Online Training Hyderabad
thanks for sharing this you're doing great jobs
ReplyDeleteSearch Engine Kya Hai?
Fiber Optics Cable Kya Hai?
Thanks for the blog.
ReplyDeletePython Course in Nagpur
great, i like the way you describe this topic. Appriciable efforts , keep posting and checkout my blog, i too tried to share some knowledge about IT tableau training in pune
ReplyDelete