如何在网格中显示移动服务数据？ MVC

Question

我已经为我在另一个基于 WPF 的应用程序中使用的 Azure 移动服务添加了到 MVC 站点的连接。

我不太熟悉如何在移动服务的 MVC 中显示数据，找不到任何好的示例来说明如何在页面上的网格中显示 table 数据例如。

有谁知道如何在页面上显示 table 日期？或者您能否建议我进一步采取哪些步骤来显示数据？

家庭控制器代码：

namespace GesturePhysioWebClient.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Control Panel";

            return View();
        }

        public ActionResult About()
        {
            ViewBag.Message = "Patient Progress Details.";

            return View();

        }

        public ActionResult Contact()
        {
            ViewBag.Message = "Contact Us.";

            return View();
        }
    }
}

工具箱未显示任何可添加到以下页面的可用网格控件：

@{
    ViewBag.Title = "About";
}

<hgroup class="title">
    <h1>@ViewBag.Title.</h1>
    <h2>@ViewBag.Message</h2>
</hgroup>

<article>

    <p>
        Patient Records:
        //want to put a grid control or similar here
        //to display the item table records.

    </p>

</article>

在我的模型文件夹中为项目 table 添加了一个模型，如下所示：

namespace GesturePhysioWebClient.Models
{
    class ItemModel
    {
        ////get and set Item table fields
        public string Id { get; set; }
        public string User { get; set; }
        public string Exercise { get; set; }
        public string Date { get; set; }
        public string Painful_Arc_Start { get; set; }
        public string Painful_Arc_End { get; set; }
        public string Gender { get; set; }
        public string Max_Range { get; set; }
    }
}

Azure 连接显示项目 table：

Answer 1

这当然是可能的，但我不确定它是移动服务的最佳用途。首先确保您从 NuGet

安装了 Microsoft.WindowsAzure.MobileServices

确保您在 HomeController 中有对

的引用

using Microsoft.WindowsAzure.MobileServices

您的 Index 方法看起来像这样

public async Task<ActionResult> Index()
{
    var mobileClient = new MobileServiceClient("Your mobile service URL",
                                               "Your mobile service access key");
    var itemModelTable = mobileClient.GetTable<ItemModel>();

    var result= await itemModelTable.ToListAsync();

    return View(result);
  }

更新对于视图你可以做这样的事情

@model List<ItemModel>
<article>    
    Patient Records:
    //want to put a grid control or similar here
    //to display the item table records.

  @foreach (var element in Model)
  {
    <p>@Html.DisplayFor(m => element.User)</p>
  }

</article>

或查看 @Html.ListBox here

如何在网格中显示移动服务数据？ MVC

How to display mobile service data in a Grid? MVC

c#

azure

asp.net-mvc-4

azure-mobile-services