Develop Reference

Unable to bind data to the razor view even though the model is not null

Even though the model is not null the required html is not rendered. This is my razor view:
#model List<Product>
#{
ViewBag.Title = "Cart";
}
#for(int i=0;i<=Model.Count()-1;i++)
{
<p>foreach triggered</p>
var image = "~/images/" + Model[i].product_image_path;
<div class="row">
<div class="col">
<div class="row">
<div class="col-md-2">
<img src="#image" alt="No image" class="img-fluid" width="60" asp-append-version="true" />
</div>
<div class="col-md-4">
<div class="row">
<div class="col">
<p class="justify-content-md-start">#Model[i].ProductName</p>
</div>
</div>
<div class="row">
<div class="col">
<p>₹#Model[i].Price</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
<div class="col-md-8">
#*change quantity button*#
<div class="input-group">
<button type="submit" class="btn btn-light"> - </button>
<input type="text" class="form-control" value="#Model[i].Quantity" readonly />
<button type="submit" class="btn btn-light"> + </button>
</div>
</div>
</div>
<br />
</div>
<div class="col-md-2">
<div class="row">
<div class="col">
<button class="btn btn-danger" type="button" id="button-minus">Remove</button>
</div>
</div>
</div>
</div>
</div>
</div>
}
Here is my get action method. This is basically retrieving the product from the models. I am returning an object of List<Product>. Trying to loop over it using for loop on razor view does not seem to work.
[HttpGet]
public IActionResult Cart()
{
var model = new CartProductViewModel();
var sessionId = HttpContext.Session.Id;
var allCartItems = context.cartItems;
var allProducts = context.products;
var currentCartItem = allCartItems.Where(p => p.Product.ProductId.Equals(sessionId)).Select(p=>p).ToList();
List<Product> products = new List<Product>();
foreach (var item in currentCartItem)
{
var id = item.Product.ProductId;
if (id is null) { return View("NotFound"); }
Product prod = allProducts.Where(p => p.ProductId.Equals(id)).Select(p=>p).Single();
products.Add(prod);
}
return View(products);
}

Pager in .Net Core 2.1

I have added ReflectionIT.Mvc.Paging from NuGet Link but I have a problem.
In a controller i have 2 methods, Index and Organizations. When I am on the view of Orginizations and press page with number "2" in controller goes to index and not on Organizations method.
How to force it to go on a method I want or to extend this #await this.Component.InvokeAsync("Pager", new { pagingList = this.Model }) to pass method name as parameter?
Controller:
public IActionResult Index()
{
return View();
}
public async Task<IActionResult> Organizations(int page=1)
{
var userlist = _context.Users.Include(u => u.UserRoles).ThenInclude(u => u.Role).Where(o => o.UserRoles.All(r => r.Role.Name == "Company") && o.IsActive == true).AsNoTracking().OrderByDescending(o => o.Company);
var model = await PagingList.CreateAsync(userlist, 2, page);
return View(model);
}
View:
#model ReflectionIT.Mvc.Paging.PagingList<CharityProject.Models.ApplicationUser>
#using ReflectionIT.Mvc.Paging
#addTagHelper *, ReflectionIT.Mvc.Paging
#{
ViewData["Title"] = "Organizations";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="container py-lg-5 py-md-5 py-sm-4 py-4">
<h2 class="pageTitles">Organizations</h2>
<div class="row">
<nav aria-label="NewsFeed navigation example">
#await this.Component.InvokeAsync("Pager", new { pagingList = this.Model })
</nav>
<br />
#foreach (var item in Model)
{
<div class="col-lg-4 col-md-6 col-sm-6 product-men women_two">
<div class="product-toys-info">
<div class="men-pro-item">
<div class="men-thumb-item">
#if (item.Logo != null)
{
<img src=#Url.Content(item.Logo.Replace("//","/").Replace("///","/")) class="img-thumbnail img-fluid" alt="">
}
<div class="men-cart-pro">
<div class="inner-men-cart-pro">
View
</div>
</div>
</div>
<div class="item-info-product">
<div class="info-product-price">
<div class="grid_meta">
<div class="product_price">
<h4>
<a href=#Url.Action("OrganizationInfo","Home",new { id=item.Id})>#item.Company</a>
</h4>
<p>#item.Moto</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
}
<br />
<nav aria-label="NewsFeeds navigation example">
<vc:pager paging-list="#Model" />
</nav>
</div>
</div>

You can set the Action property to PagingList object :
var model = await PagingList.CreateAsync(userlist, 2, page);
model.Action = "Organizations";

How to use 2 buttons on the same asp.net mvc form

In my asp.net mvc form I have 2 buttons, one to save which will save data from the from in a list in sharepoint and the second button does the same and additionally it applies some css colors.
I doubt however how to use 2 actions on the same form (same controller)
this is my view
#{
Layout = "~/Views/Shared/_LayoutPage2.cshtml";
}
#using (Html.BeginForm("Index", "Movies", FormMethod.Post))
{
<div class="row">
<div class="col-md-8">
<div class="col-xs-6 col-sm-3" id="stylesheet">Hojas de estilos</div>
<div class="col-xs-6 col-sm-3">
#Html.DropDownList("cssFiles", (IEnumerable<SelectListItem>)ViewBag.cssFiles, "Crear Nuevo", new { #class = "form-control", #id = "selCssFile" })
<span>
<input type="text" class="form-control" id="txtFileName" style="display:none;" placeholder="Nombre del archivo">
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
Color base, links, botones, borde encabezado y pie
</div>
<div class="col-md-4">
<div id="colorSelector" class="colorSelector"><div style="background-color: #0000ff"></div></div>
</div>
</div>
<div class="row">
<div class="col-md-8">
Fondo de la pagina, fondo de los cuadros
</div>
<div class="col-md-4">
<div id="colorSelector2" class="colorSelector"><div style="background-color: #0000ff"></div></div>
</div>
</div>
<div class="row">
<div class="col-md-8">
Navegación
</div>
<div class="col-md-4">
<div id="colorSelector3" class="colorSelector"><div style="background-color: #0000ff"></div></div>
</div>
</div>
<div class="row">
<div class="col-md-8">
Navegación (Item seleccionado)
</div>
<div class="col-md-4">
<div id="colorSelector4" class="colorSelector"><div style="background-color: #0000ff"></div></div>
</div>
</div>
<div class="row">
<div class="col-md-8">
Pie de página
</div>
<div class="col-md-4">
<div id="colorSelector5" class="colorSelector"><div style="background-color: #0000ff"></div></div>
</div>
</div>
<div class="row" id="buttons">
<div class="col-md-8">
</div>
<div class="col-md-4">
<button type="button" class="btn btn-success">Guardar</button>
<button type="button" class="btn btn-primary">Guardar y aplicar</button>
</div>
</div>
}
My index action on the customize controller so far
public class CustomizeController : Controller
{
// GET: Customize
public ActionResult Index()
{
User spUser = null;
var spContext = SharePointContextProvider.Current.GetSharePointContext(HttpContext);
using (var cc = spContext.CreateUserClientContextForSPHost())
{
int aprovisionado = (int)cc.Web.GetPropertyBagValueInt("Vinculosc.PlantillasIntranet.Aprovisionado", 0);
if (aprovisionado == 0)
{
string libraryName = "ConfiguraciónColores";
Dictionary<string, string> fields = new Dictionary<string, string>();
fields.Add("Color1", "Text");
fields.Add("Color2", "Text");
fields.Add("Color3", "Text");
fields.Add("Color4", "Text");
fields.Add("Color5", "Text");
//ProvisionTemplate(cc);
CreateLibrary(cc, libraryName);
AddFields(cc, libraryName, fields);
}
}
#region comments
/*Uri hostWeb = new Uri(Request.QueryString["SPHostURL"]);
using (var clientContext = TokenHelper.GetS2SClientContextWithWindowsIdentity(hostWeb, Request.LogonUserIdentity))
{
var web = clientContext.Web;
clientContext.Load(web, w => w.Lists.Include(l => l.Title).Where(l => !l.hidden));
clientContext.ExecuteQuery();
return View(web.Lists);
}*/
#endregion
return View();
}

You can put the same name in the view with different value
<button type="submit" name="Guardar" value="guardar" class="btn btn-success">Guardar</button>
<button type="submit" name="Guardar" value="aplicar" class="btn btn-primary">Guardar y aplicar</button>
And in the Controller you can check the value of the button
if (Request["Guardar"].ToString() == "guardar")
{
//Your code for the first button
}
else
{
//Your code for the second button
}

Your button type should be "submit", and you can give them a name... Same name, that can be reused in a model, or by Request.Form["GiveAName"]
Your controller should have a
[HttpPost]
public ActionResult Index()
{
... Your code to retrieve form values
}
Anyway that's bad coding... You should work with models to inject on the view, that same model could be retrieved back and so you don't have to worry about retrieving form values. :=)

Having a error when passing model item in MVC

The model item passed into the dictionary is of type 'System.Data.Entity.Infrastructure.DbQuery`1[LabSys.NEWLabSys.TestDataLog]', but this dictionary requires a model item of type 'System.Collections.Generic.IEnumerable`1[LabSys.NEWLabSys.TestDataViewModel]'.
This is the error I am getting when running the controller.
Here is my controller:
public ActionResult Index(int? searchTestNumber, int? searchProject, string testType, string engineer, string technician, string testStall)
{
var data = from m in db.TestDataLogs
select m;
var testTypeL = new List<string>();
var engineerL = new List<string>();
var testStallL = new List<string>();
var technicianL = new List<string>();
var testStallQry = from z in db.TestDataLogs
orderby z.TestStall
select z.TestStall;
var technicianQry = from d in db.TestDataLogs
orderby d.Technician
select d.Technician;
var testTypeQry = from d in db.TestDataLogs
orderby d.TestType
select d.TestType;
var engineerQry = from p in db.TestDataLogs
orderby p.Engineer
select p.Engineer;
technicianL.AddRange(technicianQry.Distinct());
testStallL.AddRange(testStallQry.Distinct());
testTypeL.AddRange(testTypeQry.Distinct());
engineerL.AddRange(engineerQry.Distinct());
ViewBag.testType = new SelectList(testTypeL);
ViewBag.engineer = new SelectList(engineerL);
ViewBag.technician = new SelectList(technicianL);
ViewBag.testStall = new SelectList(testStallL);
string searchTestNumber1 = Convert.ToString(searchTestNumber);
string searchProject1 = Convert.ToString(searchProject);
if (!String.IsNullOrEmpty(searchTestNumber1))
{
data = data.Where(s => s.TestNumber.Equals(searchTestNumber));
}
if (!String.IsNullOrEmpty(searchProject1))
{
data = data.Where(x => x.Project.Equals(searchProject));
}
if (!String.IsNullOrEmpty(testType))
{
data = data.Where(z => z.TestType == testType);
}
if (!String.IsNullOrEmpty(engineer))
{
data = data.Where(z => z.Engineer == engineer);
}
if (!String.IsNullOrEmpty(testStall))
{
data = data.Where(z => z.TestStall == testStall);
}
if (!String.IsNullOrEmpty(technician))
{
data = data.Where(z => z.Technician == technician);
}
return View(data);
And here is the start of my view
#model IEnumerable<LabSys.NEWLabSys.TestDataViewModel>
<label id="recordId" style="display: none"></label>
<style type="text/css">
.ui-autocomplete.ui-menu {
z-index: 999;
background-color: lightgray;
color: black;
width: 100px;
}
</style>
#using (Html.BeginForm("Index", "TestData", FormMethod.Get))
{
<form id="addpartForm">
<div id="newPartForm">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label>Test Number</label>
#Html.TextBox("searchTestNumber")
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label>Project</label>
#Html.TextBox("searchProject")
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label>Test Type: </label>
#Html.DropDownList("testType", "All")
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label for="parttype">Test Date</label>
<div class="form-group">
<input type="date" class="form-control" />
<em class="text-muted">Choose your date</em>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label>End Date</label>
<input type="date" class="form-control" />
<em class="text-muted">Choose your end date</em>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label>Engineer</label>
#Html.DropDownList("engineer", "All")
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label>Technician</label>
#Html.DropDownList("technician","All")
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<label for="inventoryType">Test Stall</label>
#Html.DropDownList("testStall", "All")
</div>
</div>
<div class="btn-group">
<button type="submit" class="btn btn-success" value="filter">Search!</button>
</div>
}
And then last is my viewmodel
namespace LabSys.NEWLabSys
{
public class TestDataViewModel
{
public TestDataLog TestData { get; set; }
}
}
So I think it may be something wrong with my IEnumerable related to the controller but I am not sure.
Thanks so much!

As error says you are passing data of wrong type to your view. Try:
return View(data.ToList());
Update 1.
First time I misread something. So problem is that in your View you are expecting IEnumerable<LabSys.NEWLabSys.TestDataViewModel> but from code you are passing DbQuery<LabSys.NEWLabSys.TestDataLog>. So even ToList won't fix that issue as you need to make a conversion try something like that:
return View(data.Select(x => new TestDataViewModel { TestData = x }).ToList());

convert data to data.ToList()
and may be in your view change the following:
#model List<LabSys.NEWLabSys.TestDataViewModel>

View is sending a null list of objects

I'm having a problem with a null list of objects when I try send from view to controller,
the jobOffertModel parameter is null
Here is my controller method: (I know it doesn't nothing, but I was testing the parameters)
[HttpPost]
public ActionResult AcceptJobOfferts(IEnumerable<JobOffertModel> jobOffertModel)
{
initBusinessObjects();
return View();
}
And Here is my View:
#model IEnumerable<TCCApplication.Models.JobOffertModel>
#{
ViewBag.Title = "Minhas ofertas de trabalho";
}
<h2>#ViewBag.Title</h2>
#using (Html.BeginForm("AcceptJobOfferts","Professional")){
<div class="row">
<div class="col-md-9">
#foreach (var item in Model)
{
<div class="row">
<div class="col-md-2">
<label>Oferta: </label>
#Html.DisplayFor(itemModel => item.Description)
</div>
#if (item.Acepted)
{
<div class="col-md-2">
<label>Aceitar?</label>
#Html.DisplayFor(itemModel => item.Acepted)
</div>
}
else
{
<div class="col-md-2">
<label>Aceitar?</label>
#Html.EditorFor(itemModel => item.Acepted)
</div>
}
<div class="col-md-2">
<label>Ativa</label>
#Html.DisplayFor(itemModel => item.Active)
</div>
<div class="col-md-3">
<label>Data do trabalho</label>
#Html.DisplayFor(itemModel => item.JobDate)
</div>
</div>
}
</div>
<div class="col-md-2">
<input type="submit" value="Aceitar ofertas de trabalho"/>
</div>
</div>
}
The user goes to view using this method:
public ActionResult ViewMyJobOfferts(int professionalId)
{
initBusinessObjects();
var professionalJobOfferts = jobOffertBusiness.GetJobOffertsByProfessional(professionalId);
return View(professionalJobOfferts);
}

Changes what I have done -
Convert IEnumerable to List() with variable called modelList.
Used For Loop to display all property values.
Used hidden fields to persist only display element properties for POST operation.
Changed parameter name of POST Controller Action to modelList.
You got to have your view something like this -
#model IEnumerable<TCCApplication.Models.JobOffertModel>
#{
ViewBag.Title = "Minhas ofertas de trabalho";
}
<h2>#ViewBag.Title</h2>
#using (Html.BeginForm("AcceptJobOfferts","Professional", FormMethod.Post)){
var modelList = Model.ToList();
<div class="row">
<div class="col-md-9">
for (int i = 0; i < modelList.Count; i++)
{
<div class="row">
<div class="col-md-2">
<label>Oferta: </label>
#Html.DisplayFor(itemModel => modelList[i].Description)
#Html.HiddenFor(itemModel => modelList[i].Description)
</div>
#if (modelList[i].Acepted)
{
<div class="col-md-2">
<label>Aceitar?</label>
#Html.DisplayFor(itemModel => modelList[i].Acepted)
#Html.HiddenFor(itemModel => modelList[i].Acepted)
</div>
}
else
{
<div class="col-md-2">
<label>Aceitar?</label>
#Html.EditorFor(itemModel => modelList[i].Acepted)
</div>
}
<div class="col-md-2">
<label>Ativa</label>
#Html.DisplayFor(itemModel => modelList[i].Active)
#Html.HiddenFor(itemModel => modelList[i].Active)
</div>
<div class="col-md-3">
<label>Data do trabalho</label>
#Html.DisplayFor(itemModel => modelList[i].JobDate)
#Html.HiddenFor(itemModel => modelList[i].JobDate)
</div>
</div>
}
</div>
<div class="col-md-2">
<input type="submit" value="Aceitar ofertas de trabalho"/>
</div>
</div>
}
And then your controller should be -
[HttpPost]
public ActionResult AcceptJobOfferts(IEnumerable<JobOffertModel> modelList)
{
initBusinessObjects();
return View();
}

Replace this line :
#using (Html.BeginForm("AcceptJobOfferts","Professional")){
By:
#using (Html.BeginForm("AcceptJobOfferts","Professional", FormMethod.Post)){