Нужен простой пример заполнения массива javascript из списка Viewdata

Может быть, есть более простой способ сделать это, и я весь внимание, если есть. Моя ситуация: у меня есть раскрывающийся список в форме, которую я успешно заполняю текстом и значениями. Мне также нужно иметь дополнительные связанные строковые значения из той же строки таблицы в таблице db, доступные на клиенте, поэтому, когда пользователь выбирает из раскрывающегося списка, эти связанные данные заполняются в текстовом поле в форме. Есть только 4 записи, с которыми я имею дело, поэтому хранение на клиенте не имеет большого значения. Я подумал о передаче этих данных через ViewData в виде списка и загрузке в массив javascript. Когда пользователь выбирает из раскрывающегося списка, я определяю выбранный индекс и получаю необходимые данные из массива. Я уже использую значение раскрывающегося списка для других необходимых данных, поэтому мне нужен способ получить эти связанные данные, не возвращаясь на сервер. Если я на правильном пути, может ли кто-нибудь опубликовать простой пример заполнения массива js значениями sting, возвращаемыми в виде списка в ViewData.

Спасибо,

Майк


javascript arrays asp.net-mvc viewdata
person MikeD    schedule 19.03.2009    source источник

Ответы (2)


arrow_upward
7
arrow_downward 

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

person roryf    schedule 19.03.2009
comment
Спасибо - похоже, это то, что мне нужно. Где конкретно будет использоваться вспомогательный метод в моем решении? - person MikeD; 19.03.2009
comment
Технически это может быть где угодно, вам просто нужно включить пространство имен в файл .aspx. Практически лучше хранить их в логически разделенных классах, таких как MyApp.Mvc.Extensions.JavaScriptExtensions, MyApp.Mvc.Extensions.LinkExtensions. - person roryf; 19.03.2009

arrow_upward
1
arrow_downward

как насчет...

<%= new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(ViewData["list"]) %>
person JeremyWeir    schedule 20.03.2009
comment
Мне нравится эта идея, только она не выводит 'var myArray =', но ее можно легко комбинировать с моим вспомогательным расширением Html. - person roryf; 20.03.2009
comment
Да, это не полный пример, я подумал, что вы можете заполнить пробелы - person JeremyWeir; 20.03.2009