通过 Web.Config 参数动态生成视图

Question

我正在使用 ASP.NET MVC 开发多语言 Web 应用程序。但有些语言是可选的。例如，用户在屏幕上看到两个文本框。其中一个用于英语，另一个用于法语。我想通过 web.config 动态创建文本框。如果 web.config 中的 "ActiveLanguageList" 有语言代码，那么应用程序会为该语言创建一个文本框。但我无法从我的视图模型动态创建它。我必须手动编写 HTML 帮助程序。我想用循环等动态创建它们...因为 HTML 页面中的国家代码是不同的。例如"ContentNameEn"、"ContentNameFr" 感谢您的建议。

//in my setting class
var ActiveLangs = new List<string>(); //For example EN,FR

//in web.config
<add key="Languages" value="EN,FR"/>

//in my view model
[DisplayName("English Content Name")]
public string ContentNameEn { get; set; }

[DisplayName("French Content Name")]
public string ContentNameFr { get; set; }


//in myview
<div class="form-group">
    <label class="control-label col-md-2" for="ContentName">Content Name(EN)</label>
    <div class="col-md-4">
        @Html.TextBoxFor(model => model.ContentNameEn, new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.ContentNameEn)
    </div>
</div>

<div class="form-group">
    <label class="control-label col-md-2" for="ContentName">Content Name(FR)</label>
    <div class="col-md-4">
        @Html.TextBoxFor(model => model.ContentNameFr, new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.ContentNameFr)
    </div>
</div>

 //i want to code in the view like this but i can't
 @foreach(var langCode in ActiveLangs){
   //i need here create langCode's html code with htmlhelper
   //@Html.TextBoxFor
   //@Html.LabelFor
 }

Answer 1

您可以创建一个属性，指定属性只有在 web.config 中定义时才必须显示。

在您的所有 "ContentName" 属性上设置此属性。

使用反射恢复所有包含此属性的模型属性。对于每个属性，检查关联代码是否存在于 web.config 中，并生成相应的 html 文本框。

示例（没有 html 代）：https://dotnetfiddle.net/RRvC6K

Answer 2

因为要生成的文本框数量未知，所以您的模型需要是一个集合。您的视图模型应该是

public class ContentVM
{
  public string LanguageCode { get; set; }
  public string LanguageName { get; set; } // used for the label
  [Required]
  public string ContentName { get; set; }
}

然后在控制器中，创建一个集合。请注意，您在 Web.Config 中存储代码的方法可能需要更改以允许您也存储语言名称（xml 文件可能是更好的解决方案）。例如

List<ContentVM> model = new List<ContentVM>();
foreach (var language in ...)
{
  model.Add(new ContentVM(){ LanguageCode = language.Code, LanguageName = language.Name };
}
return View(model);

然后您的视图将是

@model List<ContentVM>
....
@using (Html.BeginForm())
{
  for(int i = 0; i < Model.Count; i++)
  {
    @Html.HiddenFor(m => m[i].LanguageCode)
    @Html.LabelFor(m => m[i].ContentName, Model[i].LanguageName)
    @Html.TextBoxFor(m => m[i].ContentName)
    @Html.ValidationMessageFor(m => m[i].ContentName)
  }
  <input type=submit" ... />
}

并在 POST 方法中

public ActionResult Edit(List<ContentVM> model)
{
  // loop through the collection to get each ContentName and the associated LanguageCode
}

通过 Web.Config 参数动态生成视图

Dynamically Generate View By Web.Config Parameter

c#

asp.net-mvc

multilingual

razor