@Html.Sitecore.Field is not rendering any values

Question

In this code model, fields are returning value but when I try to render using @Html.Sitecore().Field its returning null.For experience editor, these fields should be editable.How to do it?

Am new to Sitecore any help or suggestion is much appreciated

        @using Sitecore.Mvc
        @using Sitecore.Mvc.Presentation
        @using Sitecore.Data

       @model Project.Service.Models.Model
      <div>
      <h1>@Html.Sitecore().Field("Property Name")</h1>

      <h4 class="text-danger"><em>
      <span itemprop="streetAddress"> @Model.ProvinceName</span>,
      <span itemprop="addressLocality">@Model.CityName</span>,
      <span itemprop="addressRegion">@Model.ProvinceName</span> 
      @Model.PostalCode</em></h4>

Answer 1

@Html.Sitecore().Field("Property Name") only works when your model is Sitecore.Mvc.Presentation.RenderingModel. You are using a custom model.

To use it in your case, you will need to pass in the item like this.

@Html.Sitecore().Field("Property Name", Item)

In your case, you would need to pass in the datasource item. Your model would look like this, notice the InnerItem property and the EditableField property.

namespace Project.Service.Models
{
    using Sitecore.Data.Items;
    using Sitecore.Mvc.Presentation;

    public class Model
    {
        public string ProvinceName { get; set; }
        public string CityName { get; set; }
        public string PostalCode { get; set; }
        public Item InnerItem { get; set; }
    }
}

Then you data call would look like this, returning the model to your view

public Model GetModel()
{
    var datasourceItem = RenderingContext.Current.Rendering.Item;
    return new Model
    {
        ProvinceName = datasourceItem["Province Name"],
        CityName = datasourceItem["City Name"],
        PostalCode = datasourceItem["Postal Code"],
        InnerItem = datasourceItem
    };
}

Then in your view you would get the Item from your model with the innerItem.

@Html.Sitecore().Field("City Name", Model.InnerItem)