Convert viewbag to javascript array

Question

I want to get the data from the ViewBag.mytags to a Javascript array, but I was not able to avhice this

$(function () {
    var sampleTags = new Array();
    var array = @Html.Raw(Json.Encode(@ViewBag.mytags));
    for(var i =0; i<array.length;i++){
        sampleTags[i] = array[i];
    }  
    $('#singleFieldTags').tagit({
        availableTags: sampleTags,
        singleField: true,
        singleFieldNode: $('#mySingleField')
    });
}

This is my controller

ViewBag.mytags = mp3.TagSuggestion();

This is my Models

public IQueryable<string> TagSuggestion() 
{ 

    IQueryable<string> tabs = from s in db.tblTags select s.Title; 

    return tabs; 

}

Have you given ajax a try? In mvc you can use a controller action method that returns json data like: public JsonResult ActionName(){ return Json("Data", JsonRequestBehavior.AllowGet); }. You may also look at the following post: cleancode.co.nz/blog/739/ajax-aspnet-mvc-3 — user841123
– user841123, Commented Sep 17, 2012 at 8:20

KarelG · Accepted Answer · 2017-03-23 08:04:15Z

11

Please follow these step

public IList<string> TagSuggestion() 
{ 
    IQueryable<string> tabs = from s in db.tblTags select s.Title; 
    return tabs.toList(); 
}

Inside MVC Contoller :

ViewBag.mytags = mp3.TagSuggestion().toList();

In view:

<script>
    $(function () {
        var sampleTags = new Array();
        var array = @Html.Raw(Json.Encode(@ViewBag.mytags));
        for(var i =0; i<array.length;i++){
            sampleTags[i] = array[i];
        }  

        $('#singleFieldTags').tagit({
            availableTags: sampleTags,
            singleField: true,
            singleFieldNode: $('#mySingleField')
        });
    });
</script>

edited Mar 23, 2017 at 8:04

KarelG

5,2544 gold badges35 silver badges53 bronze badges

answered Sep 17, 2012 at 7:06

Pushpendra

5383 silver badges10 bronze badges

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

6 Comments

user841123 Over a year ago

@Pushpendra: The code you posted, should be written in <script></script> tags? If so then how could you use server variable (ViewBag) on client script. This is not efficient solution.

Pushpendra Over a year ago

point one is not inside the script. It should inside the controller. and second point should be inside the script.

dr ammar Over a year ago

@Pushpendra: Javascript does not contain ArrayList type, How I will write a c sharp inside script?

Pushpendra Over a year ago

Please check it the code which i have editted. now it is tested.

dr ammar Over a year ago

@Pushpendra:it is same to my code above and, if it worked that way I will not ask my question.

|

Collectives™ on Stack Overflow

Convert viewbag to javascript array

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related