javascript - 将列表中的项目循环到 Controller 中的 ViewBag 中-6ren

javascript - 将列表中的项目循环到 Controller 中的 ViewBag 中

转载作者：行者123 更新时间：2023-12-02 23:35:10

24

4

我想将列表中的所有项目添加到 ViewBag 中。我想要这样的东西:

ViewBag.Date = item1, item2, item3.....

我的代码仅将列表中的一个项目(第一个索引)返回到 ViewBag 中。我希望将其分开，因为我想使用该项目在 View 中绘制条形图。我也不介意在 Razor View 中循环。

Controller

   public  ActionResult RimChart()
    {

        List<RimCalcs> listOfCategggories = null;

        Connectors aConn = Connectors.GetInstance();
        listOfCategggories = aConn.GetRimCalc();
        //var dates = listOfCategggories.Select(x => x.Date);
       // var profits = listOfCategggories.Select(y => y.Rprofit);
        ViewBag.list  = listOfCategggories;

        foreach (RimCalcs c in listOfCategggories)
        {

            ViewBag.Date = c.Date;
        }

        foreach (RimCalcs d in listOfCategggories)
        {

            ViewBag.profit = d.Rprofit;

        }
        return View();
    }

Razor View

@Html.Raw(@ViewBag.Date);

@using Newtonsoft.Json;

 @{
var profit = JsonConvert.SerializeObject(ViewBag.profit);
var date = JsonConvert.SerializeObject(ViewBag.Date);

}

<!DOCTYPE html>
 <html>
 <head>
 <meta name="viewport" content="width=device-width" />
<title>Charts</title>
<script  src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.2/Chart.bundle.min.js"></script>
<script>

        var barChartData =
            {
                labels: [@Html.Raw(date)], //the names displayed on the x-axis, see images below
            datasets: [{
                label: 'ProductWise Sales Count',
                backgroundColor: [
                    "#f990a7",
                    "#aad2ed",
                    "#9966FF",
                    "#99e5e5",
                    "#f7bd83",
                ],
                borderWidth: 2,
                data: [@profit]  //what you returned back from controller. values displayed on the y-axis, see images below
                }]
            };

                window.onload = function () {
                    var ctx1 = document.getElementById("barcanvas").getContext("2d");
                    window.myBar = new Chart(ctx1,
                        {
                            type: 'bar',
                            data: barChartData,
                            options:
                            {
                                title:
                                {
                                    display: true,
                                    text: "ProductWise Sales Count"
                                },
                                responsive: true,
                                maintainAspectRatio: true
                            }
                        });
                }
</script>
</head>
<body>
 <div style="text-align: center">
    <canvas id="barcanvas"></canvas>
 </div>
  <div style="text-align: center">
     Disclaimer:- This data is for demo it is
    not real data it wont relate to any company
 </div>
 </body>
 </html>

最佳答案

为什么不将整个 listOfCategggories 传递给 View 。然后将模型序列化为 json 即可。那么你可以在脚本中使用模型作为 JSON 对象

Controller

  public ActionResult RimChart()
        {
            return View(aConn.GetRimCalc());
        }

查看

  @model List<RimCalcs> 
    @{
     var jsonData = @Html.Raw(Json.Serialize(@Model));
    }

<script>
// do your thing
</script>

关于javascript - 将列表中的项目循环到 Controller 中的 ViewBag 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56318412/

24

4

0

文章推荐： angularjs - 将事件绑定(bind)到链接函数中指令的子元素

c# - 使用 ViewData Dictionary 和 ViewBag 的部分参数删除 ViewBag 数据
我需要将一些信息传递给部分 cshtml View 。为此，我使用了 ViewDataDictionary 和 ViewBag。 public ActionResult TaskPage(int ID
asp.net-mvc - RedirectToAction 后 ViewBag 为 NULL(+ ViewBag 重新初始化)
我有 RedirectToAction 作为 Controller 中的返回值，在我看来我使用 ViewBag。虽然在 RedirectToAction 之后 ViewBag 变空是一个众所周知的问题
asp.net-mvc - 为什么 HtmlHelper.ViewBag 与 HtmlHelper.ViewContext.ViewBag 不同
我已经为 HtmlHelper 编写了扩展方法，该方法是从需要访问 ViewBag 以获取页面设置的信息的母版页调用的。这是方法签名: public static string BuildFavor
dll - 当前上下文中不存在名称 'ViewBag'
我正在尝试在我的应用程序中使用 ViewBag，我拥有所有最近的 dll、最新版本的 MVC 3，但我仍然收到错误: "The name 'ViewBag' does not exist in the
javascript - ViewBag 值返回错误的数字
我正在尝试通过 JavaScript 将 ViewBag 中的值插入到输入中并动态创建该值。我调用 Controller 创建的employeeID的值 public string GetEmplo
c# - ViewBag 中对象的显示模板
我需要显示存储在 ViewBag 中的日期，为此我需要使用 DisplayTemplate。现在，如果它是模型中的日期，我会使用 DisplayFor 助手，但我该如何为 ViewBag 做呢？我有
c# - @ViewBag 在当前上下文中不存在
我知道网上已经有一些解决方案，但在尝试了所有解决方案后，我对自己感到困惑。我只想澄清我尝试过的解决方案: 确保 Microsoft.AspNet.Web.Optimization 或 System.
c# - ViewBag 里面有什么？
在MSDN documentation ，有 ViewBag.MyMessageToUsers 和 ViewBag.AnswerText。在ASP.net/mvc tutorial , 有 ViewB
c# - ViewBag 属性已设置但不可访问
这个问题在这里已经有了答案: Can the ViewBag name be the same as the Model property name in a DropDownList? (2 个答
c# - ViewBag 不保存状态
我测试了我的应用程序，在测试时我发现了一个错误，我认为它来自 ViewBage。我有 500 名医生和专科医生的名单，当我想编辑电话、地址等时，下拉菜单会显示列表中第一个专科医生的名字，所以它不会保存
c# - ViewBag 空空如也
我有一个在数据库中注册聊天的表单，一切正常，问题是 ViewBag，因为这会将消息带到 View 中的 Javascript，以便它可以进行验证。当用户注册时，应该会出现一条成功消息，但在 ViewB
c# - 清除 ViewBag？
有没有办法清除ViewBag？ ViewBag 没有 setter，因此不能简单地取消它: ViewBag = null; 我似乎也不能use reflection迭代它并清除它的动态属性，因为您不能
html - 像数组一样访问 Viewbag？
想象一个名为的 View 包 ViewBag.Modes 这包含以下内容: Simple Advanced Manual Complete 如何像在数组中那样通过索引访问 viewbag？例如 S
c# - 在重定向之前设置 Viewbag
是否可以在调用重定向之前设置 ViewBag？我想要这样的东西: @ViewBag.Message="MyMessage"; RedirectToAction("MyAction"); 最佳答案当
.net - 如何在 ViewBag 中传递变量列表
我正在做一个项目，我只需要从两个表中获取数据，我想使用 LINQ Query 来获取数据。在我的 Controller 中: var Parameters = (from test in _db.t
jquery - 如何在脚本标签中获取模型或 Viewbag 变量
与'12 asp.net C# MVC4 - Int.Appl.Template EF Code First 这是我非常简单的脚本 $('#Add').click(function (e)
c# - 如何根据 ViewBag 中包含列表的元素显示文本框
这是我的 Controller 代码: const string template = "clm_adj_process_cd ('@[CdCode]',varchar) ~f.src_dm_plat
javascript - 检查 ViewBag 值是否为空
我在 MVC3 项目中有一个 View ，在加载时我将一个实体设置到 ViewBag 中。实体的属性之一是 Datetime? 类型。在 $(document).ready我将 ViewBag 中
javascript - 将 ViewBag 设置为数据属性时出现语法错误
我尝试将 ViewBag.OrderId 设置为数据属性 data-orderId 的值，但在 =Add } JS: $(".btn-add-note").click(function(){
c# - ViewBag 中对象的 DisplayTemplate
我需要显示存储在 ViewBag 中的日期，并且我需要使用 DisplayTemplate 来实现此目的。现在，如果它是模型中的日期，我将使用 DisplayFor 助手，但我该如何为 ViewBag

首页

博学

6Ren·AI

商城

javascript - 将列表中的项目循环到 Controller 中的 ViewBag 中