Question

我正试图显示空文本框，以便用户可以创建新的Webhooks。当前最多允许三个webhook，因此在将模型发送到视图之前，我检索了webhook，并用空的webhook填充该列表，直到其大小达到3。在视图中，我隐藏了具有ID和没有ID（要添加的空白）的Webhooks。我希望能够单击一个按钮，一次显示一个隐藏的webhooks文本框，直到它们全部显示出来。

我尝试了各种jQuery和Javascript方式，但均无济于事。我不确定要使它正常工作所缺少的东西。下面是我用于创建可见和隐藏的Webhooks的代码。

<div>
.
.
.

  <div id="webhooks" class="form-group col-md-3">

    @for (var i = 0; i < Model.WebhookUrls.Length; i++)
    {
        <label for="webhook_url">Webhook URL</label>
        <br />
        if (Model.WebhookUrls[i].Id != null)
        {
            @Html.HiddenFor(m => m.WebhookUrls[i].Id)
            @Html.LabelFor(m => m.WebhookUrls[i].EventType, "Event Type:") @Html.DisplayFor(m => m.WebhookUrls[i].EventType)
            @Html.TextBoxFor(m => m.WebhookUrls[i].Url, new { @class = "form-control" })
         }
         else
         {
             @Html.HiddenFor(m => m.WebhookUrls[i].Id)
             @Html.LabelFor(m => m.WebhookUrls[i].EventType, "Event Type:", new { @style = "display:none" }) @Html.DisplayFor(m => m.WebhookUrls[i].EventType, new {@style = "display:none" })
             @Html.TextBoxFor(m => m.WebhookUrls[i].Url, new { @class = "form-control", @style="display:none" })
          }
      }
   </div>
</div>
<input class="btn btn-primary" id="btnAdd" type="button" value="Create Webhook" />
<input class="btn btn-primary" type="submit" value="Submit" />

以Razor形式显示隐藏的TextBox

0 个答案: