Question

可能有一种更简单的方法可以做到这一点，如果有的话我会全神贯注。我的情况是我在表单上有一个下拉列表，我成功填充了文本和值。我还需要在客户端上可用的db表中的相同表行中添加其他相关字符串值，因此当用户从下拉列表中选择时，此相关数据将填充在表单上的文本框中。我正在处理的记录只有4条，所以存储在客户端上没什么大不了的。我想过将这些数据作为列表通过ViewData传递并加载到javascript数组中。当用户从下拉列表中选择时 - 我将确定所选索引并从阵列中获取所需的相关数据。我已经将下拉项的值用于其他所需数据，因此我需要一种方法来获取此相关数据，而无需返回服务器。如果我在正确的轨道上，有人可以发布一个简单的例子来填充js数组，其中sting值作为ViewData中的List返回。

谢谢，

麦克

Answer 1

var myArray = [
<% foreach (string item in ViewData["list"] as List<string>) { %>
"<%= item %>",
<% } %>
];

最后在逗号中使用逗号将在IE中中断，因此我建议使用视图扩展帮助方法来使代码更易于管理：

<%= Html.JavaScriptArray(ViewData["list"] as List<string>, "myArray") %>

将此辅助方法放在解决方案的某个位置：

public static string JavaScriptArray(this HtmlHelper htmlHelper, IList<string> values, string varName) {
    StringBuilder sb = new StringBuilder("var ");
    sb.append(varName);
    sb.append(" = [");
    for (int i = 0; i < values.Count; i++) {
        sb.append("'");
        sb.append(values[i]);
        sb.append("'");
        sb.append(i == values.Count - 1 ? "\n" : ",\n"); // Not the prettiest but it works...
    }
    sb.append("];");
    return sb.toString();
}

从技术上讲，扩展方法可以去任何地方，你只需要在你的.aspx文件中包含命名空间。实际上最好将它们保存在逻辑上分离的类中，例如MyApp.Mvc.Extensions.JavaScriptExtensions，MyApp.Mvc.Extensions.LinkExtensions

Answer 2

怎么样......

<%= new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(ViewData["list"]) %>

需要从Viewdata列表中填充javascript数组的简单示例

2 个答案: