如何从控制器传递对象列表以进行查看?

时间:2019-04-23 12:57:56

标签: c# list vue.js model-view-controller datacontract

我的控制器中有一些数据(数据合同列表)。我想在我的视图中显示该列表的字段/值。如何正确执行此操作?

这是我获取列表数据的控制器内部的代码:

public List<ShipmentDataContract> Get(long shipmentServiceId)
        {
            Logging.Instance.Info($"Shipment request came in for shipment with ShipmentServiceId = {shipmentServiceId}");
            ShipmentQueryResult shipmentQueryResult = GetShipmentByShipmentServiceIdResult(shipmentServiceId);
            Logging.Instance.Debug($"Shipment queried with ShipmentServiceId = {shipmentServiceId}");
            List<ShipmentDataContract> shipmentDataContracts = GetShipmentsFromResult(shipmentQueryResult);
            Logging.Instance.Info($"Shipment retrieved for shipment with ShipmentServiceId = {shipmentServiceId}.");
            return shipmentDataContracts;
        }

此方法返回一个数据合同列表(在这种情况下只有一个)。

我在同一控制器内以及Index方法内都做了一个测试方法:

public ActionResult Index()
        {
            var shipmentDataTest = Get(94);

            ViewBag.shipmentTestData = shipmentDataTest;

            return View();
        }

当我调试后端时,它将返回正确的货件(ID为94)。

现在,我想在视图中显示货运信息。

在我看来,我做了水痘

<script>
    var shipmentTestData = '@ViewBag.shipmentTestData';
</script>

在我的Vue应用程序文件中,分配了正确的值:

var Vue = new Vue({
    el: "#vueapp",
    components: ["error"],
    data: {
        shipmentTestData: shipmentTestData
    }
});

比起调用数据,它不会显示值,而是一个通用字符串。

<p>{{ shipmentTestData }}</p>

它返回以下内容:

System.Collections.Generic.List`1[ShipmentDataContract]

有人知道如何解决此问题吗?由于某种原因,我分配的变量具有格式字符串,这会导致我认为这个问题,但是我该如何解决呢?

2 个答案:

答案 0 :(得分:2)

这是正确的方法。

型号:

   public class ShipmentData
   {
       Task<List<ShipmentDataContract>> Get(long shipmentServiceId)
       {
          return YourList;
       }

控制器:

  public ActionResult Index()
    {
        var shipmentDataTest = ShipmentData.Get(//index);

        return View(shipmentDataTest);
    }

查看:

    @Model YourShipmentModel
    //here you can call Model.variable

答案 1 :(得分:0)

如果要将列表用作字符串,则可以将结果发送为

 IList<string> someStrings = Get(94); // i assume than get method returns a list of "strings"
 string joined = string.Join(",", someStrings );
 ViewBag.shipmentTestData = joined;

现在,您要发送待发送列表“ shipmentDataTest”作为逗号分隔的列表。 让我知道这是否是您想要的。问候。