Html.TextBox帮助器用法

Question

嗨，我正在尝试使用vb语法将以下HTML输入转换为剃刀html.textbox帮助器

<input type="text" name="q" data-autocomplete-source="@Url.Action("QuickSearchTransactionNumber", "Home")" class="form-control" id="TransactionNumber" placeholder="Transaction Number">

任何帮助都是最好的

Answer 1

您可以通过定义一个新字典将自定义属性添加到由HTML助手创建的HTML元素，如下所示：

@Html.TextBox("q", Request("q"),
               New Dictionary(Of String, Object) From
               {
                   { "data-autocomplete-source", Url.Action("QuickSearchTransactionNumber", "Home")},
                   {"class", "form-control"}, {"id", "TransactionNumber"},
                   {"placeholder", "Transaction Number"}
               })

这将输出以下HTML：

<input class="form-control" data-autocomplete-source="/Home/QuickSearchTransactionNumber" id="TransactionNumber" name="q" placeholder="Transaction Number" type="text" value="" />

此重载的文档：http://msdn.microsoft.com/en-us/library/dd505258(v=vs.108).aspx

如果你想在你的视图中使用LabelFor (强类型的模型)，你可以这样做：

@Html.LabelFor(Function(model) model.BranchNumber, New With { .class = "sr-only" })

您还必须使用Display属性注释数据模型，如下所示：

Imports System.ComponentModel.DataAnnotations

Public Class Bank

    Private _branchNumber As String
    <Display(Name:="Branch Number")>
    Public Property BranchNumber() As String
        Get
            Return _branchNumber
        End Get
        Set(ByVal value As String)
            _branchNumber = value
        End Set
    End Property

End Class