首页 文章

需要一个简单的例子来说明如何从Viewdata列表中填充javascript数组

提问于
浏览
3

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

谢谢,

麦克风

2 回答

  • 7
    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.JavaScriptExtensionsMyApp.Mvc.Extensions.LinkExtensions

  • 1

    怎么样...

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

相关问题