呈现扩展

  这是对视图的 Html 的扩展，目前仅仅提供了 RadioGroup 的扩展。如下所示：

@Html.RadioGroup("Sex", new RadioGroupSettings
{
    Items = new Dictionary<string, string>
    {
        { "1", "男" }, { "2", "女" }
    },
    Value = "2"
})

  RadioGroupSettings 参数的含义如下：

• Items 选项列表，Key 为值，Value 为显示的文本。
• Value 默认选中的值。

  生成的 HTML 如下（它的样式名为 radio-group，你可以自己定义 CSS）：

<div class="radio-group" id="rgpSex">
  <div>
    <input type="radio" id="Sex_1" name="Sex" value="1" />
    <label for="Sex_1">男</label>
  </div>
  <div>
    <input type="radio" id="Sex_2" name="Sex" value="2" checked="checked" />
    <label for="Sex_2">女</label>
  </div>
</div>

  RadioGroup 方法返回了一个 ExtendHtmlString 实例，你还可以再使用 Style 和 AddCssClass 方法设置样式，如下所示：

@Html.RadioGroup("Sex", new RadioGroupSettings
{
    Items = new Dictionary<string, string>
    {
        { "1", "男" }, { "2", "女" }
    },
    Value = "2"
}).Style("width: 100px").AddCssClass("m-group")

  生成的 HTML 如下：

<div class="m-group radio-group" id="rgpSex" style="width: 100px">
  <div>
    <input type="radio" id="Sex_1" name="Sex" value="1" />
    <label for="Sex_1">男</label>
  </div>
  <div>
    <input type="radio" id="Sex_2" name="Sex" value="2" checked="checked" />
    <label for="Sex_2">女</label>
  </div>
</div>