Question

我正在尝试使用TwitterBootstrapMVC创建一个表单，其中包含以下场景：

将大多数表单字段绑定到后台实体，同时使用单选按钮（实体模型中没有后备字段）来隐藏或显示特定字段。

例如：

允许用户从下拉列表中选择特定网站，或让用户从类别的下拉列表中进行选择，让应用随机选择该类别中的网站（提交表单后，支持代码将查看所有类别中的网站，并为用户选择一个。

我可以绑定到数据库中的网站或类别列表没有问题，但我不能为我的生活创建2个单选按钮，允许用户显示网站列表或类别列表。 / p>

以下是普通HTML5中的代码段：

<label class="col-lg-2 control-label">Post to...</label>
                    <div class="col-lg-2">
                        <div class="radio">
                            <label>
                                <input type="radio" name="siteOptions" value="singleSite" checked>
                                Specific Site
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="radio">
                            <label>
                                <input type="radio" name="siteOptions" value="randomSite">
                                Random Site in Category
                            </label>
                        </div>
                    </div>

然后根据选择的两个单选按钮中的哪一个，显示网站下拉列表或类别下拉列表。

我试过这个：

@using (var f = Html.Bootstrap().Begin(new Form().LabelWidthMd(2)))
{
        @f.FormGroup().RadioButton("siteOptions", "specificSite")
        @f.FormGroup().RadioButton("siteOptions", "randomSite")
}

它不起作用，它只是放置2个没有链接在一起的单选按钮。我已经尝试将第二个参数更改为具有相同的名称，禁止使用。从我到目前为止所尝试的，.RadioButtonList（）选项也不起作用，因为我需要传递一个IEnumerable＆lt;＆gt;它。

所以缺点是：如何在TwitterBootstrapMVC中将2个以上的单选按钮绑定到相同的名称，而不必绑定到模型（对于特定的表单字段），因为该模型不包含支持字段这个特殊的价值？

Answer 1

没关系，想出答案 - 这么简单：

只是在TwitterBootstrapMVC代码中组合使用普通HTML5的混合，不需要强制它来创建这些额外的表单元素。

使用TwitterBootstrapMVC单选按钮而不绑定到模型

1 个答案: