如何在剃刀文件中添加插件?

时间:2017-01-24 21:00:58

标签: asp.net-mvc asp.net-mvc-4 razor

我想创建一个插件,以便用户只输入一个facebook个人资料名称,而不是整个网址 获取输入的当前剃刀代码如下所示:

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

这就是我的尝试:

<div class="form-group">                    
    @Html.LabelFor(m => m.Facebook, new { @class = "control-label" }
    <span class="input-group-addon" id="basic-addon2">
                                    facebook.com
    </span>
   @Html.TextBoxFor(m => m.Facebook, new {@id="basic-addon2"})                                    
</div>

但是它创建了一个错误的形式,如here
为了正确获取插件,我需要修改什么? 喜欢:facebook.com/ {input-filed}

1 个答案:

答案 0 :(得分:0)

这就是你需要的:

<div class="input-group">
    <span class="input-group-addon" id="facebook-profile">facebook.com/</span>
    @Html.TextBoxFor(m => m.Facebook, new { @class="form-control", placeholder="Profile Name", aria_describedby="facebook-profile">
</div>