Asp.net MVC3 How to use Model in javascript

Question

My Model is Like this:

public class ViewMessageFileModel
    {
        [Display(Name = "FileOptionId")]
        public int ? FileOptionId { get; set; }


        [Display(Name = "LeaveInMyInbox")]
        public bool ? LeaveInMyInbox { get; set; }



        IList<int> _fileforMyTeam;
        public IList<int> FileForMyTeam
        {
            get
            {
                if (_fileforMyTeam == null) _fileforMyTeam = new List<int>();
                return _fileforMyTeam;
            }
            set { this._fileforMyTeam = value; }
        }

         IList<int> _fileforfacility;
        public IList<int> FileForFacility
        {
            get
            {
                if (_fileforfacility == null) _fileforfacility = new List<int>();
                return _fileforfacility;
            }
            set { this._fileforfacility = value; }
        }
        //Similarly for other option   

        private IList<ViewUserGroupModel> _careTeam;
        public IList<ViewUserGroupModel> CareTeamForFile
        {
            get
            {
                if (_careTeam == null) _careTeam = new List<ViewUserGroupModel>();
                return _careTeam;
            }
            set { this._careTeam = value; }
        }

    }

I want to use this model in my view as follows

1-Use of care careteamforfile list directly in view iterating through @Model.CareTeamForFile .But I want to use Fileforfacility and fileformyteam List to store in a json variable in view based on the value of which i have to select or deselect some checkboxes

Is this possible for me to convert the Model element to json on view page. Also suggest me the best approach.

Daniel Imms · Accepted Answer · 2013-04-07 07:13:32Z

3

You can use @Html.Raw(Json.Encode(Model.CareTeamForFile)) to convert your list to JSON and return it as raw HTML. Then use JSON.parse() to convert it to a JavaScript object.

<script type="text/javascript">
    var json = "@Html.Raw(Json.Encode(Model.CareTeamForFile))";

    var model = JSON.parse(json);

    ...
</script>

edited Apr 7, 2013 at 7:13

answered Apr 6, 2013 at 18:27

Daniel Imms

50.6k19 gold badges157 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mahesh Bhatt Over a year ago

I have to convert json for Model.Fileforfacility in view if I use the same model = "@Html.Raw(Json.Encode(Model.FileForFacility))"; alert(model[0])its not giving the int value saved in it

Daniel Imms Over a year ago

You need to parse the JSON before you use it, otherwise it's just a string var parsed = JSON.parse(model);

Ramesh Rajendran · Accepted Answer · 2013-04-06 18:30:02Z

1

Razor can parse the following just fine:

<script type="text/javascript">    
    $(document).ready(function() {
      alert("@Model.CareTeamForFile ");
    }    
</script>

answered Apr 6, 2013 at 18:30

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

1 Comment

Mahesh Bhatt Over a year ago

I want to get int value saved in List so what will be the syntax for that

nhahtdh · Accepted Answer · 2015-03-07 10:28:49Z

1

Use single quotation for use model in mvc Razor

For example :

$('#txtID').val('@Model.ID');

edited Mar 7, 2015 at 10:28

nhahtdh

56.9k15 gold badges131 silver badges164 bronze badges

answered Mar 7, 2015 at 5:34

Hossein Ebrahimi

1291 gold badge1 silver badge5 bronze badges

Collectives™ on Stack Overflow

Asp.net MVC3 How to use Model in javascript

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related