我有一个Ajax按钮,每当我点击它时,它会显示数据库中的一条记录(在我使用的控制器中。使用.Take(1)) 这是我的观点:
<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script type="text/javascript" language="javascript">
function ClearResults() {
$("#current").empty();
}
</script>
<div class="row">
<div class="column">
<h2 class="header-text">CURRENT</h2>
<div class="current" id="current">
X000
</div>
</div>
</div>
<div class="row">
@Ajax.ActionLink(" ", "BtnNext", null, new AjaxOptions
{
HttpMethod = "GET",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "current",
LoadingElementId = "loading",
OnBegin = "ClearResults",
}, new { @class = "Middle-next dim btn btn-large-dim", @id = "Link1"})
</div>
这是按钮的控制器:
public PartialViewResult BtnNext(int count = 0)
{
System.Threading.Thread.Sleep(1000);
var model = db.Queues.OrderBy(x => x.QueueNumber).Take(1);
return PartialView("_queuenumber", model);
}
我想在这里做的是 - 每当我点击下一个按钮时,它将显示数据库中的第一条记录,然后当我再次点击它时,它将显示第二条记录,依此类推...... (截至目前它只显示数据库中的第一个数据)
我想知道这是否可能,我应该用什么样的东西呢?
您将要跟踪当前索引客户端(JavaScript)或模型(Razor),然后将其传递到控制器方法,每次调用都会增加值。从服务器端,您可以执行以下操作:
var model = db.Queues.OrderBy(x => x.QueueNumber).Skip(index).Take(1);
我建议发送一个ViewModel。对于Razor实现,您可以拥有一个ViewModel,其中包含显示的值,队列ID和索引。即
public class QueueViewModel
{
public int QueueId { get; set; }
public int QueueNumber { get; set; }
public string Name { get; set; }
// ..
public int NextIndex { get; set; }
}
public PartialViewResult BtnNext(int index = 0)
{
var model = db.Queues.OrderBy(x => x.QueueNumber)
.Select(x => new QueueViewModel
{
QueueId = x.QueueId,
QueueNumber = x.QueueNumber,
Name = x.Name,
NextIndex = index + 1
})
.Skip(index).Take(1);
return PartialView("_queuenumber", model);
}
然后在视图中将是如下所示:(对不起,我的剃刀很生锈)
@Ajax.ActionLink(" ", "BtnNext", "QueueController",
new { index = Model.nextIndex },
new AjaxOptions
{
HttpMethod = "GET",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "current",
LoadingElementId = "loading",
OnBegin = "ClearResults",
}, new { @class = "Middle-next dim btn btn-large-dim", @id = "Link1"})
这需要对行为进行一些验证,以确保第一次调用的索引值为“0”,但是希望能给你一些想法。