我试图通过按下最终将刷新表格的按钮来提交表单
这是表格:
@{
AjaxOptions ajaxOpts = new AjaxOptions
{
Confirm = "start ???",
UpdateTargetId = "MainTable",
InsertionMode = InsertionMode.Replace,
Url = Url.Action("Refresh","MainScreen"),
LoadingElementId = "loading",
LoadingElementDuration = 2000,
};}
@using (Ajax.BeginForm(ajaxOpts)){
<div id="loading" style="display: none; color: Red; font-weight: bold">
<p>
Loading Data...</p>
</div>
<div id="header">
<input type="button" value="Submit Form" />
</div>
<table id="MainTable">
<tr>
<th>
ServiceId
</th>
<th>
ServiceInstanceId
</th>
<th>
MessageRole
</th>
<th>
Datetime
</th>
<th>
Message
</th>
<th>
Status
</th>
<th>
ESBErrorCode
</th>
<th>
ESBTecnicalErrorCode
</th>
<th>
ErrorDescription
</th>
<th>
PortName
</th>
<th>
MachineName
</th>
<th>
ConsumerId
</th>
<th>
ExternalId
</th>
<th>
ConsumerMachineName
</th>
<th>
ServiceBehavior
</th>
<th>
RouterConsumerId
</th>
<th>
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.ServiceId)
</td>
<td>
@Html.DisplayFor(modelItem => item.ServiceInstanceId)
</td>
<td>
@Html.DisplayFor(modelItem => item.MessageRole)
</td>
<td>
@Html.DisplayFor(modelItem => item.Datetime)
</td>
<td>
\
@Html.DisplayFor(modelItem => item.Message.Context)
</td>
<td>
@Html.DisplayFor(modelItem => item.Status)
</td>
<td>
@Html.DisplayFor(modelItem => item.ESBErrorCode)
</td>
<td>
@Html.DisplayFor(modelItem => item.ESBTecnicalErrorCode)
</td>
<td>
@Html.DisplayFor(modelItem => item.ErrorDescription)
</td>
<td>
@Html.DisplayFor(modelItem => item.PortName)
</td>
<td>
@Html.DisplayFor(modelItem => item.MachineName)
</td>
<td>
@Html.DisplayFor(modelItem => item.ConsumerId)
</td>
<td>
@Html.DisplayFor(modelItem => item.ExternalId)
</td>
<td>
@Html.DisplayFor(modelItem => item.ConsumerMachineName)
</td>
<td>
@Html.DisplayFor(modelItem => item.ServiceBehavior)
</td>
<td>
@Html.DisplayFor(modelItem => item.RouterConsumerId)
</td>
</tr>
}
</table>
}
这是控制器:
public ViewResult Refresh() {
var tracks = db.Tracks.Include(t => t.Message);
return View(tracks.ToList());
}
由于某种原因,当我提交按钮时没有任何事情发生
我已添加
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
感谢 三木
答案 0 :(得分:1)
不显眼的js助手使用
侦听提交事件$("form[data-ajax=true]").live("submit"...
但您的“提交”按钮是“只是一个按钮”而不是提交按钮:
<input type="button" value="Submit Form" />
将其更改为type="submit"
,它应该有效:
<input type="submit" value="Submit Form" />