MVC 5 DataAnnotation Order Attribute - asp.net-mvc-5

I Can't get the Display -> Order attribute to work.
I'm using VS2013 update 4 and the System.ComponentModel.DataAnnotations appears to be up to date with runtime version 4.0.30319.
I built a tiny MVC app with a small model:
using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;
namespace TestDataAnnotation.Models
{
[MetadataType(typeof(TestDB))]
public class TestDB
{
public int TestDBID { get; set; }
[Display(Order=2)]
public int MyProperty1 { get; set; }
[Display(Order=1)]
public int MyProperty2 { get; set; }
}
}
I created a controller and view using scaffolding. The GET for the Create is standard MVC
// GET: TestDBs/Create
public ActionResult Create()
{
return View();
}
The View is also standard MVC:
<div class="form-horizontal">
<h4>TestDB</h4>
<hr />
#Html.ValidationSummary(true, "", new { #class = "text-danger" })
<div class="form-group">
#Html.LabelFor(model => model.MyProperty1, htmlAttributes: new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.MyProperty1, new { htmlAttributes = new { #class = "form-control" } })
#Html.ValidationMessageFor(model => model.MyProperty1, "", new { #class = "text-danger" })
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.MyProperty2, htmlAttributes: new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.MyProperty2, new { htmlAttributes = new { #class = "form-control" } })
#Html.ValidationMessageFor(model => model.MyProperty2, "", new { #class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
MyProperty2 should display first, but it does not. I've tried numerous variations of this but can't get "Order" to work. I've had the MetadataType statement in the code and not in the code. I've tried order= -9. I've tried various different values for the order attribute. Display->Name works fine. Apparently, I'm missing some key idea here. Thanks for any and all help!

The Order parameter applies when there's something dynamic operating on the model and generating HTML, like a grid view. Here, you've literally rendered the properties in a given order. Setting Order isn't going to override explicit HTML.

Related

Required field validation not firing

I am building a MVC5 form and need to put validation for required fields. I am having several text controls that require to be validated. I tried putting the [Required] attribute on the model as well as added the required keyword in the htmlattributes on the client side but the validation never fires. Could somebody tell me how to handle this validation
<div class="form-group">
#Html.LabelFor(model => model.CustomerNumber, htmlAttributes: new { #class = "control-label col-md-4" })
<div class="col-md-8">
<div class="editor-field">
#Html.EditorFor(model => model.CustomerNumber, new { htmlAttributes = new { Value = Model.CustomerNumber == 0 ? "" : Model.CustomerNumber.ToString(), #class = "form-control", style = "width:100%", #readonly = "readonly", required = "required" } })
</div>
#Html.ValidationMessageFor(model => model.CustomerNumber, "", new { #class = "text-danger" })
</div>
</div>
add [Required] or other validator Attribute to your Model fields.
add jQuery Validate libs to your _Layout.cshtml file.
Example :
...
<body>
#Scripts.Render("~/bundles/jquery")
#Scripts.Render("~/bundles/jqueryval")
#Scripts.Render("~/bundles/bootstrap")
</body>
</html>

kendo datetimepicker not setting the value to the viewmodel

I am implementing the kendo datepicker in my MVC 5 application. I am not sure for what reason the viewmodel property is not being set with what is selected in the datetimepicker
<div class="form-group">
#Html.LabelFor(model => model.ContractStartDate, htmlAttributes: new { #class = "control-label col-md-5" })
<div class="col-md-6">
#*#Html.EditorFor(model => model.ContractStartDate, new { htmlAttributes = new { #class = "form-control" } })*#
#(Html.Kendo().DatePickerFor(model => model.ContractStartDate)
.Name("contractdatepicker")
.Value("10/10/2011")
.HtmlAttributes(new { style = "width: 100%" })
)
#Html.ValidationMessageFor(model => model.ContractStartDate, "", new { #class = "text-danger" })
</div>
</div>
The problem is your .Name("contractdatepicker"). When this is rendered it will become the name and id tag on the <input> and therefore won't bind to your viewmodel. If you omit that attribute it will automatically add the name and id ContractStartDate. So, just remove that tag and if you refer to it in javascript change the reference to #ContractStartDate.

My datetime picker from my model is not working

The dateTime picker is not showing in the view for me to select a date for my ReturnDate.It wont give me the little arrow to select from a calendar (datetime picker) and it already fills in values. It just shows a textbox that contains : '0001/01/01 12:00:00 AM'
in my model this is my Returndate field:
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? ReturnedDate { get; set; }
my View is:
<div class="form-group">
#Html.LabelFor(model => model.ReturnedDate, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.ReturnedDate)
#Html.ValidationMessageFor(model => model.ReturnedDate)
</div>
</div>
using jquery ui this is my new view:
#model FCproject.Models.Purchase
#{
ViewBag.Title = "Create";
}
<script src="~/Scripts/jquery-ui-1.11.4.min.js"></script>
#using (Html.BeginForm())
{
#Html.AntiForgeryToken()
<h4>Purchase</h4>
<hr />
#Html.ValidationSummary(true)
<div class="form-group">
#Html.LabelFor(model => model.ReturnedDate, new { #class = "control-label col-md-2", #id = "datepicker" })
<div class="col-md-10">
#Html.EditorFor(model => model.ReturnedDate)
#Html.ValidationMessageFor(model => model.ReturnedDate)
</div>
</div>
<script>
$(function () {
$("#datepicker").datepicker();
});
</script>
}
#section Scripts {
#Scripts.Render("~/bundles/jqueryval")
}
But it still shows a textbox with no datetime picker.
if you are running on IE that feature doesn't work, chrome works the best on ui's.
But if still gives you problem i'll suggest you use jquery datepicker:
your View (Modified):
<div class="form-group">
#Html.LabelFor(model => model.ReturnedDate, new { #class ="control-label col-md-2", #id = "datepicker" })
<div class="col-md-10">
#Html.EditorFor(model => model.ReturnedDate)
#Html.ValidationMessageFor(model => model.ReturnedDate)
</div>
</div>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
OR visit
http://api.jqueryui.com/datepicker/
Dont forget to reference your ui scripts e.g: (Depending on your script version)
<script src="~/Scripts/jquery-ui-1.11.4.min.js"></script>

Sending mail with Postal library in MVC 5

I'm using the Postal library to send emails from the contact page. I have the following code:
ContactEmail
using AccessorizeForLess.ViewModels;
using Postal;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace AccessorizeForLess.Models
{
public class ContactEmail : Email
{
public string To { get; set; }
[DataType(DataType.EmailAddress)]
[DisplayName("Email Address")]
[RegularExpression(#"^([\w\.\-]+)#([\w\-]+)((\.(\w){2,3})+)$", ErrorMessage = "The Email field is not valid, Please enter a valid email address!")]
[Required(ErrorMessage="Email address is required.")]
public string From { get; set; }
[DisplayName("First Name")]
[Required(ErrorMessage="Please provide your first name")]
public string FirstName { get; set; }
[DisplayName("Last Name")]
[Required(ErrorMessage="Please provide your last name")]
public string LastName { get; set; }
[DisplayName("Subject")]
[Required(ErrorMessage="Please select a topic")]
public SelectList Subject { get; set; }
public string SelectedSubject { get; set; }
[DisplayName("Message")]
[DataType(DataType.MultilineText)]
[Required(ErrorMessage="PLease provide a message for the email")]
public string Message { get; set; }
public List<EmailSubjectViewModel> Subjects { get; set; }
}
}
EmailSubjectViewModel
namespace AccessorizeForLess.ViewModels
{
public class EmailSubjectViewModel
{
public int Id { get; set; }
public string Subject { get; set; }
}
}
ContactController
public ActionResult Index()
{
List<EmailSubjectViewModel> Subjects = new List<EmailSubjectViewModel>()
{
new EmailSubjectViewModel(){Id=1, Subject="Website Issues"},
new EmailSubjectViewModel(){Id=2, Subject="Order Issue"},
new EmailSubjectViewModel(){Id=3, Subject="Product Question"},
new EmailSubjectViewModel(){Id=4, Subject="Returns Questions"},
new EmailSubjectViewModel(){Id=5, Subject="Other"}
};
ContactEmail email = new ContactEmail()
{
Subjects = Subjects
};
return View(email);
}
public ActionResult Send(ContactEmail email)
{
ContactEmail e = new ContactEmail();
e.From = email.From;
e.FirstName = email.FirstName;
e.LastName = email.LastName;
e.SelectedSubject = email.SelectedSubject;
e.Message = email.Message;
e.Send();
return View();
}
And last but not least my view:
#model AccessorizeForLess.Models.ContactEmail
#{
ViewBag.Title = "Contact";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Contact</h2>
#using (Html.BeginForm("Send", "Contact", FormMethod.Post))
{
#Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>AccessorizeForLess.net
<img src="~/Content/icon-facebook.png" /></h4>
<div style="color:red;font-weight:bold;">#ViewBag.Message</div>
<hr />
#Html.ValidationSummary(true)
<div class="form-group">
#Html.LabelFor(model => model.FirstName, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.FirstName)
#Html.ValidationMessageFor(model => model.FirstName)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.LastName, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.LastName)
#Html.ValidationMessageFor(model => model.LastName)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.From, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.From)
#Html.ValidationMessageFor(model => model.From)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.SelectedSubject, "Category", new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.DropDownListFor(model => model.SelectedSubject, new SelectList(Model.Subjects, "Id", "Subject"), "- Please Select -")
#Html.ValidationMessageFor(model => model.SelectedSubject)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.Message, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.Message, new { #cols = "25", #rows = "55" })
#Html.ValidationMessageFor(model => model.Message)
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Send" class="btn btn-default" />
</div>
</div>
</div>
}
Oops almost forgot the section in my web.config
<system.net>
<mailSettings>
<smtp deliveryMethod="Network" from="admin#accessorizeforless.net">
<network host="smtp.gmail.com" port="587" enableSsl="true" defaultCredentials="true" userName="***********#gmail.com" password="**********" />
</smtp>
</mailSettings>
</system.net>
Now when I fill out the form and click send I get the following error:
System.Net.Mail.SmtpException: The SMTP server requires a secure
connection or the client was not authenticated. The server response
was: 5.5.1 Authentication Required.
I thought I was setting the authenticatioon credentials in the web.config?
I had to change defaultCredentials to false in the web.config and all seems to be working right now.

Model being passed in as null

When trying to add a new item to the database (using EF 6.1.3 and MVC 5) my model is always being passed in as null. Here's the model:
using System.ComponentModel.DataAnnotations;
using System.Web;
namespace AccessorizeForLess.ViewModels
{
public class AddNewProductViewModel
{
public string Name { get; set; }
[DataType(DataType.MultilineText)]
public string Description { get; set; }
public decimal Price { get; set; }
public string AltText { get; set; }
public int Quantity { get; set; }
public string ImagePath { get; set; }
public HttpPostedFileBase Image { get; set; }
}
}
Here's the create method in the controller (I know it's convuluted but I'll work on that )
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<ActionResult> Create([Bind(Include="ProductImageId,ProductName,ProductPrice,Quantity,ProductDescription")] AddNewProductViewModel model)
{
ProductImageViewModel image = new ProductImageViewModel() { ImagePath = "/Content/ProductImages/" + model.Image.FileName, AltText = model.AltText };
ProductImage newImage = new ProductImage() { ImagePath = image.ImagePath, AltText = image.AltText };
entities.ProductImages.Add(newImage);
await entities.SaveChangesAsync();
int ImageId = newImage.ProductImageId;
Product product = new Product()
{
ProductImageId = ImageId,
ProductName = model.Name,
ProductDescription = model.Description,
ProductPrice = model.Price,
Quantity = model.Quantity
};
string file = model.Image.FileName;
string path = #"/Content/ProductImages/";
model.Image.SaveAs(path + file);
if (ModelState.IsValid)
{
entities.Products.Add(product);
await entities.SaveChangesAsync();
return RedirectToAction("Index");
}
ViewBag.ProductImageId = new SelectList(entities.ProductImages, "ProductImageId", "ImagePath", product.ProductImageId);
return View("Index");
}
And the view:
#model AccessorizeForLess.ViewModels.AddNewProductViewModel
#{
ViewBag.Title = "Add New Product";
Layout = "~/Views/Shared/_Layout.cshtml";
}
#using (Html.BeginForm("Create", "Products", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
#Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>Product</h4>
<hr />
#Html.ValidationSummary(true)
<div class="form-group">
#Html.LabelFor(model => model.ImagePath, "Image", new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.TextBoxFor(model => model.ImagePath, new { #type = "file" })
#Html.ValidationMessageFor(model => model.ImagePath)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.AltText, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.AltText)
#Html.ValidationMessageFor(model => model.AltText)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.Name, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.Name)
#Html.ValidationMessageFor(model => model.Name)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.Price, new { #class = "control-label col-md-2" ,#width = "25px"})
<div class="col-md-10">
#Html.EditorFor(model => model.Price)
#Html.ValidationMessageFor(model => model.Price)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.Quantity, htmlAttributes: new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.Quantity)
#Html.ValidationMessageFor(model => model.Quantity)
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.Description, new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.Description, new { #cols = "25", #rows = "55" })
#Html.ValidationMessageFor(model => model.Description)
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
<div>
#Html.ActionLink("Back to List", "Index")
</div>
#section Scripts {
#Scripts.Render("~/bundles/jqueryval")
}
What am I doing wrong?
EDIT
#Stephen when I tried to run it again to answer your question I get this
And have no idea what this is, have you seen anything like this before?
EDIT
The error is
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.
Compiler Error Message: CS1520: Method must have a return type
Source Error:
Line 641: #line default Line 642: #line hidden
Line 643:BeginContext("~/Views/Products/Create.cshtml", 2361, 9,
true); Line 644: Line 645:WriteLiteral("\r\n\r\n");
Source File: c:\Users\Richard\AppData\Local\Temp\Temporary ASP.NET
Files\vs\014a60c5\fc8be8b2\App_Web_create.cshtml.c6727781.vcyi-_hh.0.cs
Line: 643
EDIT
I have this for uploading the image:
string file = model.Image.FileName;
string path = Server.MapPath(#"~/Content/ProductImages");
model.Image.SaveAs(path + "/" + file);
I've stepped through it and all the variables are right, it adds the data to the database but doesn't save the image and I cannot for the life of me figure out why?
Replace:
public async Task<ActionResult> Create([Bind(Include="ProductImageId,ProductName,ProductPrice,Quantity,ProductDescription")] AddNewProductViewModel model)
with:
public async Task<ActionResult> Create([Bind(Include = "ImagePath,AltText,Name,Price,Quantity,Description")] AddNewProductViewModel model)

Resources