In this session of ASP.NET Core Tutorial, we discuss about DisplayTextFor and DisplayForModel Html Helpres, then we will talk about DataType and ScaffoldColumn attributes. Also, we will show you how to find a record in database or even static list in ASP.NET Core and with this technique we retrieve Method name of PaymentMethod property to be displayed.
DisplayTextFor & DisplayForModel
DisplayTextFor is working exactly same as DisplayFor which we discussed about that in Session 33. Thus, we can replace DisplayFor with DisplayTextFor and bind it to property of Model with Lambda Expression.
|
1 2 3 4 5 6 7 |
@Html.DisplayNameFor(m => m.Amount) @Html.DisplayFor(m => m.Amount)<br /> @Html.DisplayTextFor(m=>m.Amount)<br /> |
Also, we can show all the properties of a model with a single line of code when we use DisplayForModel Html Helper. Thus, this line of code, can be replaced with all DisplayNameFor and DisplayFor or DisplayTextFor in the View.
|
1 2 3 4 5 |
@Html.DisplayForModel() |
Searching for a Record in Database in ASP.NET Core
In previous session, we displayed submitted data from CreateStronglyTypedView in View which we called it View inside Views\Cost and displayed ID of PaymentMethod instead of Its Method name. In this session, we develop our Web App to show Method name instead of its ID. For this purpose, we should search for a record in our Payment Method list, then return the Method name. Hence, first of all we need a new ViewModel that its PaymentMethod property be in String data type.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
public class CostRegisteredViewModel { [Display(Name = "Cost Amount")] public decimal Amount { get; set; } [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}")] public DateTime Date { get; set; } public string Comment { get; set; } [Display(Name = "Selected Category")] [DisplayFormat(NullDisplayText = "Category Not Selected")] public string Category { get; set; } [Display(Name = "Payment Method")] public string PaymentMethod { set; get; } } |
Then, declare a method in IPaymentMethodRepository to be used for retreating Method name instead of Method ID (GetPaymentMethodbyID).
|
1 2 3 4 5 6 7 8 9 |
public interface IPaymentMethodRepository { List<PaymentMethod> GetAll(); string GetPaymentMethodbyID(int ID); } |
Now, we need to implement this method in StaticPaymentMethodRepository. Within this method, we search for a specific record in PaymentMethod list which its ID is equal selected ID that passed to this Method with input parameter. Then, we return Method property of the record.
|
1 2 3 4 5 6 7 8 9 |
public string GetPaymentMethodbyID(int ID) { var PM = PaymentMethods.FirstOrDefault(x => x.ID == ID); return PM.Method; } |
Also, we need to create an instance of CostRegisteredViewModel inside Post part of CreateStronglyTypedView Action Method in CostController. Moreover we should fill the properties of that object with submitted data. Just bear in mind, PaymentMethod property type of submitted data is Int and we should retrieve Method name with help of GetPaymentMethodbyID Method.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
CostRegisteredViewModel costRegistered = new() { Amount = Model.Amount, Comment = Model.Comment, Date = Model.Date, Category = Model.Category, PaymentMethod = paymentMethodRepository.GetPaymentMethodbyID(Model.PaymentMethod), WebSite = "http://goldencourses.net", CurrentTime = DateTime.Now }; return View("View",costRegistered); |
Moreover, we should change the model directive of View to be bound to CostRegisteredViewModel.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
@model CostRegisteredViewModel @{ ViewBag.Title = "Cost View Model"; } <div class="row"> <div class="col-lg-4 offset-lg-4 col-md-6 offset-md-3 col-12"> <div class="card"> <div class="card-header"> Submitted Cost Data </div> <div class="card-body"> @Html.DisplayForModel() @Html.ActionLink("Back To Create Cost", "CreateStronglyTypedView", "Cost") </div> </div> </div> </div> |
Hiding a Property in View with ScaffoldColumn
As earlier mentioned, when we use DisplayForModel, all the properties of the Model are displayed in view. In case that we want to hide one or some of the properties in View. We can use ScaffoldColumn(false) for those properties.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
public class CostRegisteredViewModel { [Display(Name = "Cost Amount")] public decimal Amount { get; set; } [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}")] public DateTime Date { get; set; } public string Comment { get; set; } [Display(Name = "Selected Category")] [DisplayFormat(NullDisplayText = "Category Not Selected")] public string Category { get; set; } [Display(Name = "Payment Method")] [ScaffoldColumn(false)] public string PaymentMethod { set; get; } } |
For example in above code, we hide PaymentMethod property in the View as it ScaffoldColumn attribute is set to false.
Attention: this attribute just work with DisplayForModel Html Helper and if we use DisplayFor or DisplayTextFor Html Helper, value and label of the property will be displayed in the VIew.
DataType Attribute
We can modify Display Format of the properties of the Model with DataType attribute. With this Data Annotation, we can display the properties with proper format and attribute. There is several type of DataType same as Password, Currency, EmailAddress, Url, Text and etc. that can be used based on our needs. For instance, if we use Url DataType for a relative or absolute URL, it will be displayed in View as a hyperlink that can be clicked.
In this session we test some of them on CostRegisteredViewModel to show you how you can use them on your Models.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
public class CostRegisteredViewModel { [Display(Name = "Cost Amount")] [DataType(DataType.Currency)] public decimal Amount { get; set; } [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}")] public DateTime Date { get; set; } public string Comment { get; set; } [Display(Name = "Selected Category")] [DisplayFormat(NullDisplayText = "Category Not Selected")] public string Category { get; set; } [Display(Name = "Payment Method")] [ScaffoldColumn(true)] public string PaymentMethod { set; get; } [DataType(DataType.Url)] public string WebSite { get; set; } [DataType(DataType.EmailAddress)] public string Email { get; set; } [DataType(DataType.Time)] public DateTime CurrentTime { get; set; } } |
Changing Currency Symbol in ASP.NET Core
For changing currency symbol in ASP.NET Core, we should use Globalization and CultureInfo in Configure Method of Startup Class. Moreover, we can change country and language with this feature as well. Thus, for changing currency symbol in our Web App, first we need to add System.Globalization namespace to StartupClass.
Then, we should create an instance of CultureInfo method and set language and country with their codes. Next, we can set our required Currency Symbol and make our web app DefaultThreadCurrentCulture and DefaultThreadCurrentUICulture equal to the changes.
|
1 2 3 4 5 6 7 8 |
var cultureInfo = new CultureInfo("en-UK"); cultureInfo.NumberFormat.CurrencySymbol = "£"; CultureInfo.DefaultThreadCurrentCulture = cultureInfo; CultureInfo.DefaultThreadCurrentUICulture = cultureInfo; |
Above code, set country as United Kingdom and language as English. Also, as you can see Currency Symbol is changed to “£”. You can see LIST of Country and Language Code HERE.
If you need more details, watch this session video. Also, for being updated about our coming sessions, follow us on Instagram, Facebook, Telegram or YouTube. Also you can have access to list of all sessions HERE.
You can download this Session Slides form HERE.