DevExtreme выбрать опцию со словарем - PullRequest
Новая
       127

DevExtreme выбрать опцию со словарем

0 голосов
/ 23 октября 2018

Я пытаюсь заполнить DevExtreme SelectBox () (или Lookup () ) с Dictionary<string><string>, но я получаю ошибку:

Uncaught Error: E4006 - опция ArrayStore 'data' должна быть массивом.

Модель 

public string Lang { get; set; }
public Dictionary<string, string> Languages { get; }

...

this.Lang = "es";

this.Languages = new Dictionary<string, string>() { {"en", "English"},  {"ar", "Arabic"},     {"bn", "Bengali"},   {"cs", "Czech"},      {"da", "Danish"},    {"de", "German"},
                                                    {"el", "Greek"},    {"es", "Spanish"},    {"fa", "Persian"},   {"fi", "Finnish"},    {"fil", "Filipino"}, {"fr", "French"},
                                                    {"he", "Hebrew"},   {"hi", "Hindi"},      {"hu", "Hungarian"}, {"id", "Indonesian"}, {"it", "Italian"},   {"ja", "Japanese"},
                                                    {"ko", "Korean"},   {"msa", "Malay"},     {"nl", "Dutch"},     {"no", "Norwegian"},  {"pl", "Polish"},    {"pt", "Portuguese"},
                                                    {"ro", "Romanian"}, {"ru", "Russian"},    {"sv", "Swedish"},   {"th", "Thai"},       {"tr", "Turkish"},   {"uk", "Ukrainian"},
                                                    {"ur", "Urdu"},     {"vi", "Vietnamese"}, {"zh-cn", "Chinese (Simplified)"},         {"zh-tw", "Chinese (Traditional)"} };

Просмотр 

@(Html.DevExtreme().Form()
        .ID("form")
        .FormData(Model)
        .ColCount(12)
        .ShowValidationSummary(true)
        .Items(i =>
        {
            i.AddSimple()
            .ColSpan(6)
            .Label(l => l.Visible(false))
            .DataField(Model.Lang.ToString())
            .Editor(ed => ed.SelectBox()
                            .DataSource(Model.Languages)
                            .Placeholder("Language..."));
        }))

Я пытался создать List, который не возвращает ошибку, но ничего не показывает.

Модель 

public string Lang { get; set; }
public Dictionary<string, string> Languages { get; }
public List<Dictionary<string, string>> List { get; }

...

this.Lang = "es";

this.Languages = new Dictionary<string, string>() { {"en", "English"},  {"ar", "Arabic"},     {"bn", "Bengali"},   {"cs", "Czech"},      {"da", "Danish"},    {"de", "German"},
                                                    {"el", "Greek"},    {"es", "Spanish"},    {"fa", "Persian"},   {"fi", "Finnish"},    {"fil", "Filipino"}, {"fr", "French"},
                                                    {"he", "Hebrew"},   {"hi", "Hindi"},      {"hu", "Hungarian"}, {"id", "Indonesian"}, {"it", "Italian"},   {"ja", "Japanese"},
                                                    {"ko", "Korean"},   {"msa", "Malay"},     {"nl", "Dutch"},     {"no", "Norwegian"},  {"pl", "Polish"},    {"pt", "Portuguese"},
                                                    {"ro", "Romanian"}, {"ru", "Russian"},    {"sv", "Swedish"},   {"th", "Thai"},       {"tr", "Turkish"},   {"uk", "Ukrainian"},
                                                    {"ur", "Urdu"},     {"vi", "Vietnamese"}, {"zh-cn", "Chinese (Simplified)"},         {"zh-tw", "Chinese (Traditional)"} };

this.List = new List<Dictionary<string, string>>() { this.Languages };

Просмотр 

@(Html.DevExtreme().Form()
        .ID("form")
        .FormData(Model)
        .ColCount(12)
        .ShowValidationSummary(true)
        .Items(i =>
        {
            i.AddSimple()
            .ColSpan(6)
            .Label(l => l.Visible(false))
            .DataField(Model.Lang.ToString())
            .Editor(ed => ed.SelectBox()
                            .DataSource(Model.List)
                            .Placeholder("Language..."));
        }))

SelectBox()

Ответы [ 2 ]

0 голосов
/ 23 октября 2018

Ну, я смог решить эту проблему, используя Linq , создавая массив на лету: 

i.AddSimple()
    .ColSpan(6)
    .Label(l => l.Visible(false))
    .DataField(Model.Lang)
    .Editor(ed => ed.SelectBox()
                    .DataSource(ds => ds.Array().Key("value").Data(Model.Languages.Select(s => new { value = s.Key, text = s.Value })))
                    .Value(Model.Lang)
                    .ValueExpr("value")
                    .DisplayExpr("text")
                    .Placeholder("Language..."));
0 голосов
/ 23 октября 2018

Параметр ArrayStore 'data' должен быть массивом указывает, что вы не передаете надлежащий объект (т.е. объект массива) источнику данных SelectBox (обратите внимание, что Dictionary<string, string> не может быть напрямую переведенв одномерный массив, необходимый для объекта dataSource).

В случае использования DevExtreme в ASP.NET MVC вы можете попробовать создать класс базовой модели для списка языков следующим образом: 

public class Language
{
    public string LangID { get; set; }

    public string LangName { get; set; }
}

Обратите внимание, что необходимо иметь свойство List<Language>в целевой модели просмотра, например List<Language> Languages { get; set; }.Затем создайте список языков, как в примере ниже:

Действие контроллера 

this.Lang = "es";

this.Languages = new List<Language>() {
                     new Language { LangID = "en", LangName = "English" },
                     new Language { LangID = "el", LangName = "Greek" },
                     // other language definitions
                 };

// convert to JSON format and return this into view
this.LangArray = JsonConvert.SerializeObject(this.Languages);

Просмотр 

@(Html.DevExtreme().Form()
        .ID("form")
        .FormData(Model)
        .ColCount(12)
        .ShowValidationSummary(true)
        .Items(i =>
        {
            i.AddSimple()
            .ColSpan(6)
            .Label(l => l.Visible(false))
            .DataField(Model.Lang.ToString())
            .Editor(ed => ed.SelectBox()
                            .DataSource(Model.LangArray)
                            .DisplayExpr("LangName") // displayed text
                            .ValueExpr("LangID") // selected value for submit
                            .Placeholder("Language..."));
        }))

Дополнительное примечание:

Если вы все еще хотите использовать Dictionary, убедитесь, что вы преобразовали его в строку , которая соответствует формату пары ключ-значение JSON : 

public static string ToJsonArray(this Dictionary<string, string> dict)
{
    var kvp = dict.Select(x => string.Format(@"""{0}"":""{1}""", x.Key, string.Concat(",", x.Value)));
    return string.Concat("{", string.Join(",", kvp), "}");
}

// Usage
this.LangArray = this.Languages.ToJsonArray();

Ссылки:

Справочник по API источника данных

Справочник по API SelectBox

Пример SelectBox

...