c# – 转换字典以供javascript使用

我有一个控制器动作,通过使用ViewBag将Dictionary传递给视图.

public async Task<ActionResult> MyAction() {
    Dictionary<ATypeviewmodel,IEnumerable<BTypeviewmodel>> all = await GetDictionary();
    ViewBag.MyData = all;
    return View();
}

在视图内部,我需要使用此字典来创建级联单选按钮列表.第一个列表将包含键值

@{
    Dictionary<ATypeviewmodel,IEnumerable<BTypeviewmodel>> services = ViewBag.MyData;
}
 
@foreach ( KeyValuePair<ATypeviewmodel,IEnumerable<BTypeviewmodel>> entry in services ) {
    <div class="radio">
        <label for="aType"><input type="radio" name="aType" value="@entry.Key.ATypeID" />&nbsp;&nbsp;@entry.Key.Description</label>
    </div>
}

我需要jQuery来创建这个代码但不幸的是我不知道如何转换javascript使用的字典.

编辑：

在hutchonoid回答之后,我使用Json.NET将我的字典序列化为json.

Dictionary<ATypeviewmodel,IEnumerable<BTypeviewmodel>> list = new Dictionary<ATypeviewmodel,IEnumerable<ATypeviewmodel>>();
[...]
return await JsonConvert.SerializeObjectAsync( list );

然后在我的javascript代码中添加它

var collection = @Html.Raw( Json.Encode(services) );

遗憾的是,序列化字符串不正确,因为它是以下形式

var collection = {
    ATypeviewmodel: [
        { BTypeID: 11,Description: "..." },{ BTypeID: 12,{ BTypeID: 13,{ BTypeID: 14,Description: "..." }
    ],ATypeviewmodel: [
        { ServiceTypeID: 21,{ ServiceTypeID: 22,{ ServiceTypeID: 23,{ ServiceTypeID: 24,Description: "..." }
    ]
}

为什么关键对象没有正确序列化？

解决方法

使用一个简单的例子创建一个字典：

@{
   var services = new Dictionary<string,string> {{"1","One"},{"2","Two"}};
 }

在您的JavaScript中序列化它

var collection = @Html.Raw(Json.Encode(services));

使用键和值使用每个循环它：

$.each(collection,function (key,value) {
               console.log(key);
               console.log(value);
            });

控制台输出

更新

根据更新中提供的结构,嵌套循环可以执行此操作,如果结构发生更改,则需要对其进行调整.

<script type="text/javascript">
    var collection = {
        ATypeviewmodel: [
            { BTypeID: 11,Description: "..." }
        ],BTypeviewmodel: [
            { ServiceTypeID: 21,Description: "..." }
        ]
    }
 
    $.each(collection,function (outerKey,outerValue) {
 
        $.each(outerValue,value) {
 
                $.each(value,function (innerkey,innervalue) {
                    console.log(innerkey);
                    console.log(innervalue);
                });
            });
 
        });
 
 </script>

请注意我需要从您的输出中将您的属性更改为BTypeviewmodel.

c# – 转换字典以供javascript使用

解决方法

猜你在找的C#相关文章