How to display viewbag elements in Javascript?

Question

How to call the Method in Jquery's Append Method ?

I have the HTML code in which I use the append method() on click of a button. I want to append the HTML with viewbag data using loop. here is my code , is that right ?

        <html>
        <body>
        <div class="row-fluid" id="MyCode">
        </div>
        <button name="AddCode"></button>
        </body>
        </html>

         <script type="text/javascript">

         $(document).ready(function ()
           {

               $('#AddCode').click(function () {

                     $('#MyCode').append("<di ><div class='span2'>" +

                      //I want to call the function here... 
                     AddDivs()
           );

        });

 function AddDivs()
 {
  var ht="";
  @foreach (var item in ViewBag.LocationList)
{
 ht += "<div id='"+item.Id+"_"+item.Name+"'></div>";
  }
  }

 });
 </script>

Its showing undefined.

Answer 1

Change foreach loop with following:

@foreach (var item in ViewBag.LocationList)
{
    // these lines are client codes that is in server codes
    <text>ht += "<div id='" + @item.Id + "_" + @item.Name + "'></div>";</text>
}

if you dont write your js codes in <text> , razor assume that ht is an server variable.

Answer 2

script tag must be inside of body tag

        <script type="text/javascript">
             ...                
        </script>
     </body>
</html>

How to display viewbag elements in Javascript?

Question

2 answers

solution1
0 2014-05-13 08:31:48

solution2
0 2014-05-13 08:38:21

How to display viewbag elements in Javascript?

Question

2 answers

solution1 0 2014-05-13 08:31:48

solution2 0 2014-05-13 08:38:21

solution1
0 2014-05-13 08:31:48

solution2
0 2014-05-13 08:38:21