Skip to content

ErcanOPAK.com

  • ASP.Net WebForms
  • ASP.Net MVC
  • C#
  • SQL
  • MySQL
  • PHP
  • Devexpress
  • Reportviewer
  • About
ASP.Net MVC / JavaScript

Populating Javascript array with Model in ASP.Net MVC Razor

- 23.10.21 - ErcanOPAK

We just need to loop through the razor collection to populate the Javascript array as below:

@foreach (var item in Model)
{
     @:$(function () {
     @:$("#map").googleMap();
     @:$("#map").addMarker({
          @:coords:[@item.Latitude],
          @:title: `@item.City, @item.District`,
          @:text: `@item.Address`
     @:});
     @:});
}

 

Related posts:

How to add Output Parameter to SqlDataSource

How to use Stopwatch in C#

How to use toFixed() for Float numbers in Javascript

Javascript Refresh and CountDown Timer

Post Views: 25

Post navigation

Pass model from Razor view to JavaScript
Getting index value in Razor ForEach

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

November 2025
M T W T F S S
 12
3456789
10111213141516
17181920212223
24252627282930
« Oct    

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (914)
  • Get the First and Last Word from a String or Sentence in SQL (796)
  • How to select distinct rows in a datatable in C# (768)
  • How to add default value for Entity Framework migrations for DateTime and Bool (768)
  • How to make theater mode the default for Youtube (564)
  • Add Constraint to SQL Table to ensure email contains @ (556)
  • How to enable, disable and check if Service Broker is enabled on a database in SQL Server (527)
  • Average of all values in a column that are not zero in SQL (502)
  • Find numbers with more than two decimal places in SQL (417)
  • How to use Map Mode for Vertical Scroll Mode in Visual Studio (412)

Recent Posts

  • How to enable automatically picture-in-picture for Google Chrome
  • How to get public ip address using Windows PowerShell
  • How to Reset Taskbar in Windows 11
  • Essential Steps to Take After Windows 11 Updates
  • How to list all tables referencing a table by Foreign Key in MS SQL
  • How to format date in Javascript
  • How to generate a random number for each row in T-SQL
  • How to solve ‘Microsoft.TeamFoundation.Git.Contracts.GitCheckoutConflictException’ problem
  • Why nautical mile equals 1852 mt
  • How to Find Day Name From Date in SQL Server

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (914)
  • Get the First and Last Word from a String or Sentence in SQL (796)
  • How to select distinct rows in a datatable in C# (768)
  • How to add default value for Entity Framework migrations for DateTime and Bool (768)
  • How to make theater mode the default for Youtube (564)

Recent Posts

  • How to enable automatically picture-in-picture for Google Chrome
  • How to get public ip address using Windows PowerShell
  • How to Reset Taskbar in Windows 11
  • Essential Steps to Take After Windows 11 Updates
  • How to list all tables referencing a table by Foreign Key in MS SQL

Social

  • ErcanOPAK.com
  • GoodReads
  • LetterBoxD
  • Linkedin
  • The Blog
  • Twitter
© 2025 ErcanOPAK.com | Built with Xblog Plus free WordPress theme by wpthemespace.com