MVC 网站中的动态选项

Question

我有一个包含产品详细信息视图的 MVC 网站。 此视图上有有关该产品的许多详细信息。

我需要的是在用户将商品添加到购物车之前询问一些问题。 例如什么颜色、什么尺寸、数量......但并非所有产品都有相同的选项列表。 某些选项将有一个下拉列表，其他选项将是自由文本字段。 构建页面的这一部分的最佳方法是什么？感觉就像我需要产品表中的 xml 字段来保存特定于产品的 xml，可以将其解析到此页面的选项部分。但我不知道这是否可能，也不知道如何保存数据。

如果您对最佳解决方案有任何想法，我将非常感激！

谢谢 约翰

Answer 1

很简单。

首先，请查看模板文件夹<在 MVC 中，您有两种类型 DisplayTemplates 和 EditorTemplates。

现在它们的工作方式与普通视图相同，但位于特殊文件夹中，例如名称与上面相同。

\Views\Home\Index.cshtml  
\Views\Home\DisplayTemplates\MyViewModelName.cshtml
\Views\Home\EditorTemplates\MyViewModelName.cshtml

这就是他们的工作方式。

如果您像这样创建 ProductDetailsViewModel：

public class ProductDetailsViewModel {
     public IList<Question> Questions { get;set; }
}

Question 可以是这样的抽象类：

public abstract class Question {
 // .. maybe need some common properties here, like answer value?
}

然后您可以定义更具体的问题，例如：

public class TextQuestion : Question {

}

public class RadioQuestion : Question {

 // maybe has a list of options for display etc.

}

等等。

然后假设在 \Home\Index.cshtml 视图中使用上述结构，您可以简单地执行以下操作。

@using(Html.BeginForm())
{
     <p>Put your form here</p>

     @Html.TextboxFor(x=>x.ProductName)

     @Html.EditorFor(x => x.Questions)

     <input type="submit" value="Submit" />
}

接下来发生的是 MAGIC，对于每个实际类型 TextQuestion、RadioQuestion 它将在 EditTemplate 中查找相应的部分视图并根据需要进行渲染。

因此，如果我们将 \Home\EditorTemplates\RadioQuestion.cshtml 定义为：

@model RadioQuestion

<p>This is a radio button based question</p>

// Implement the radio buttons or text boxes etc here.

当然显示的工作方式相同。