Question

我在asp.net MVC中创建了一个webapp，我集成了bootstrap 3和Bootstrap-TagsInput，用于可视化格式化我的数据。但是tagsInput在IE中不起作用。我在ie中测试了tagsinput的示例page并且工作得非常好。在我的代码razor下面，以及在我的标记对象中添加data-role =“tagsinput”属性的jquery实现

<div class="form-group">
    @Html.LabelFor(x => x.Tag)
    @Html.TextBoxFor(x => x.Tag, new { @class = "form-control" })
</div>

JS

$(Document).ready(function () {
    $("#Tag").attr('data-role', 'tagsinput');
});

在IE中的渲染代码下面：

<div class="form-group">
    <label for="Tag">Tag: </label>
    <input name="Tag" class="form-control" id="Tag" type="text" value="" data-role="tagsinput">
</div>

我在同一项目中有引导程序 - 这可能是表格问题吗？

Answer 1

我找到了解决方案。我为TextBoxFor html helper创建了一个简单的扩展：

    public static MvcHtmlString TextBoxTagFor<TModel, TProperty>(
         this HtmlHelper<TModel> helper,
         Expression<Func<TModel, TProperty>> expression)
    {
        return helper.TextBoxFor(expression, new { @class = "txt", data_role="tagsinput" });
    }

正如您所见，日期角色变为data_role，剃刀编辑器接受数据角色属性。

bootstrap tagsinput不工作在ie

1 个答案: