Как использовать структуру пары KeyValue в поле зрения

Question

Как использовать пары KeyValue (хранимые в ViewBag/ViewData) в javascript. Мне нужна структура пары KeyValue, чтобы использовать словарь с контроллера.

ViewBag.ContactTypes = new Dictionary<string,string> 
       { 
        {"Home", "5"}, 
        {"Cell", "6"}, 
        {"Work", "7"}, 
        {"Fax", "8"}, 
        {"Other", "9"}, 
       }; 

& Я хочу, чтобы получить доступ к этим словарные значения по ключу, как:

ViewBag.ContactTypes["Home"] 

Как достичь этой цели, любая идея?

Answer 1

Это просто идея, я удалю ее, если она не полезна.

Внутри контроллера, я хотел бы использовать JsonSerializer (выбрать свой любимый), и я бы сохранить объект JSON в viewBad:

ViewBag.ContactTypes = YourJsonConverter.serialize(new Dictionnary<string, string>{[...]}); 

И затем, использовать его в качестве строки внутри вид:

<script type="text/javascript"> 
    var myJson = @Viewbag.ContactTypes 
</script> 

Answer 2

Попробуйте этот код на ваш взгляд

Сначала оберните словарь код для JSON:

ViewBag.ContactTypes = Json(new Dictionary<string,string> 
       { 
        {"Home", "5"}, 
        {"Cell", "6"}, 
        {"Work", "7"}, 
        {"Fax", "8"}, 
        {"Other", "9"}, 
       }); 

используйте javascript в вашем файле cshtml.

<script type="text/javascript" > 
       var data = JSON.stringify(@Html.Raw(Json.Encode(ViewBag.ContactTypes))); 
       data = JSON.parse(data); 
       alert(data.Data.Home); 
</script> 

Проверить это fiddle

Рабочей Fiddle Изображение

Предложение

Если эти значения фиксированы, то вместо извлечения с сервера, я хотел бы предложить использовать перечисления в файле javascript. Вместо них { "Home", "5"}, { "Cell", "6"}, { "Работа", "7"}, { "Факс", "8"}, {» Другой», "9"},

Создать Enum в где ваш common.js файл

var myApp = myApp || {}; 
myApp.Enums = function() { 
    ContactTypes = { 
     Home: 5, 
     Cell: 6, 
     Work: 7, 
     Fax: 8, 
     Other: 9, 
    }; 
    Status = { 
     CREATED: "CREATED", 
     INPROGRESS: "In Progress", 
     Completed: { value: 3, name: "Completed", text: "Status Completed" } 
    }; 
    return { Status: Status, ContactTypes: ContactTypes} 
}(); 

ИСПОЛЬЗОВАНИЕ

alert(myApp.Enums.ContactTypes.Home); 

для улучшения интеллекта, просто перетащите common.j s в вашем JS-файле транзакции.