如何从mvc4中操作返回的列表中重复填充数据

本文关键字：列表 数据 填充 返回 mvc4 操作 | 更新日期: 2023-09-27 17:59:32

我是一个新手，在读取我想从数据库中获取并想在span中显示的数据时遇到了问题。我的问题是，我已经把数据带到了控制器中，但现在我想在视图中显示这些数据。我可以访问列表中的特定数据，但我想以重复模式将数据显示为新闻。我的控制器部件在这里给出

 public ActionResult Index()
        {
            List<Quote> quote = dbContext.quotes.ToList();                
            return View(quote);                
        }

视图部分为

<blockquote> 
       @foreach 
        (var items in @Model) 
        { 
             @items.quote 
        } 
</blockquote>

我应该在这里实现什么逻辑来以重复模式获取数据，这样我就可以每小时报价。

如何从mvc4中操作返回的列表中重复填充数据

您可以在javascript中使用location.reload();，它将每小时重新加载您的页面并获取最新消息：

@model IEnumerable<MVCTutorial.Models.Quote>
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Quotes</title>
    <script type="text/javascript">
        setInterval(function ()
        {
            location.reload();
        }, 3600000);//3600000 milliseconds = 1 hour
    </script>
</head>
<body>
    <blockquote>
        @foreach(var item in Model)
        {
            <span>@String.Format("{0}-{1}",item.ID,item.QuoteName)</span><br />
        }
    </blockquote>
</body>
</html>

编辑

要定期只获取最新项目，可以使用$.getJSON进行AJAX调用，并将最新项目附加到列表中。

控制器操作方法：

public JsonResult GetLatestNews()
{
    //Write the query here to get the latest items...
    List<Quote> quotes = dbContext.quotes.ToList();
    return Json(quotes, JsonRequestBehavior.AllowGet);
}

视图：

@model IEnumerable<MVCTutorial.Models.Quote>
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Quotes</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            setInterval(function () {
                $.getJSON("@Url.Action("GetLatestNews","Quote")", function (data) {
                    for(var i = 0;i < data.length;i++){
                        var id = data[i].ID;
                        var quoteName = data[i].QuoteName;
                        var quote = "<span>" + id + "-" + quoteName + "</span><br />";
                        $("#quotes").append(quote);
                    }
                });
            }, 3600000);//3600000 milliseconds = 1 hour
        });
    </script>
</head>
<body>
    <blockquote id="quotes">
        @foreach (var item in @Model)
        {
            <span>@String.Format("{0}-{1}", item.ID, item.QuoteName)</span><br />
        }
    </blockquote>
</body>
</html>

感谢aniruddhanath的jquery插件为我提供了这个场景。

索引.cshtml

<div id="crotator">
        <div id="quotes">
            @foreach (var news in Model)
            {    
                <p>@news.News</p>
            }
        </div>    
        <div id="authors">
            @foreach (var news in Model)
            {
                <p>- @news.Author</p>
            }    
        </div>    
    </div>

脚本块

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://www.jqueryscript.net/demo/Simple-jQuery-Content-Rotator-Plugin-Crotator/js/jquery-crotator.js"></script>
<script>
    $("#quotes").crotator({
        // optional changes
        timeofExistence: 5000,
        typeofTag: "<h3/>",
        tagClass: "quotes"
    });
    $("#authors").crotator({
        // optional changes
        timeofExistence: 5000,
        typeofTag: "<h4/>",
        tagClass: "authors"
    });
</script>
相关文章：