Passing values from controller into javascript in mvc5

Question

I have a mvc view which needs to show the twitter feeds. So i have the code generated from twitter in my view. This works fine.

To extend this i want to make this a little dynamic. ie i want to hardcoded data-widget-id="3831079557xxxx" to a value from a database table.

Below is the javascript generated by twitter to embed the tweets

<div class="row">
   <div class="col-md-12">
      <a class="twitter-timeline" href="https://twitter.com/xxxxx" 
          data-widget-id="3831079557xxxx">Tweets by xxxx</a>
              <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>



                </div>
            </div>

View Model:

public class homeViewModel
{
    public List<news> newsA { get; set; }

    public List<Rss> feeds { get; set; }

    public List<HomepageSetting> hps { get; set; }

}

Model: This is the class from which i can get the twitter id

public partial class HomepageSetting
    {
        public int Id { get; set; }
        //other properties
        public string Twitter { get; set; }

    }

Controller:

public ActionResult Index()
    {
        homeViewModel hvm = new homeViewModel();
        var data = (from p in db.HomepageSetting where p.ProfileID == Cuser.ProfileId select p);
                hvm.hps= data.ToList();
     return View(hvm);
     }

Unclear way to ask. I think if you want to get answer need more description about your problem. — QMaster
– QMaster, Commented Dec 24, 2014 at 9:20

Oday Fraiwan · Accepted Answer · 2014-12-24 09:29:05Z

3

In the controller Index method you can use the ViewData Dictionary to pass the id to the view:

ViewData["id"] = data.id //for example.

In the view, you can use the ViewData["id"] entry to assign it to data-widget-id attribute.

<a class="twitter-timeline" href="https://twitter.com/xxxxx" 
          data-widget-id="<%: ViewData["id"] %>">Tweets by xxxx</a>

Good Luck

answered Dec 24, 2014 at 9:29

Oday Fraiwan

1,1571 gold badge9 silver badges23 bronze badges

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

2 Comments

Prady Over a year ago

You probably want to use data-widget-id=@ViewData["id"]

Oday Fraiwan Over a year ago

It depend actually on the view engine used. The solution i wrote is for the ASPX engine. Your solution is for Razor engine. @Prady

Leonidas · Accepted Answer · 2014-12-24 09:33:14Z

1

You can use Razor Framework and have in the javascript

@foreach (var myItem in Request.ServerVariables)
{
    <a class="twitter-timeline" href="https://twitter.com/xxxxx" 
          data-widget-id="3831079557@myItem ">Tweets by xxxx</a>
}

I cannot give you more explaining code, because this is something I was working on MVC4. I am no longer working with the Microsoft Framework sothe code will not be fully functional.

Check here too for more information in Razor Framework.

answered Dec 24, 2014 at 9:33

Leonidas

56611 silver badges20 bronze badges

1 Comment

Leonidas Over a year ago

For example, for Request.ServerVariables you can load your model with a name in the top of your view, and then call it in the foreach loop.

Collectives™ on Stack Overflow

Passing values from controller into javascript in mvc5

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related