![](/img/trans.png)
[英]How to dynamically retrieve data from the database for the Javascript code in ASP.NET MVC 5?
[英]Asp.net MVC with Ajax button to retrieve data from database
我有一个 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 实现,您可以拥有一个包含显示值、队列 ID 和索引的 ViewModel。 IE
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”的索引值通过,但希望能给您一些追求的想法。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.