0

我正在寻找实施Wijmo Grid 的示例/教程或指南。

我希望在 ASP.NET MVC 3 中实现这一点。我将从我的操作中传递动态数据。

请有人可以帮我解决这个问题。

4

2 回答 2

5

这是一个完全与服务器端无关的纯客户端网格。该文档似乎也很不言自明。我邀请你通过它。

一旦你完成它，事情就会变得非常标准。

您从一个保存动态数据的视图模型开始：

public class MyViewModel
{
    public object[] Rows { get; set; }
}

然后是一个控制器，它将将此视图模型提供给视图：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new MyViewModel
        {
            // This data could of course be dynamic and come from wherever you like it to come
            Rows = new object[] 
            {
                new object[] { 1, "a" },
                new object[] { 2, "b" },
                new object[] { 3, "c" },
            }
        };
        return View(model);
    }
}

最后是一个观点：

@model MyViewModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Wijmo grid demo </title>
</head>
<body>
    <table id="mytable"></table>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>

    <!--Theme-->
    <link href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui" />

    <!--Wijmo Widgets CSS-->
    <link href="http://cdn.wijmo.com/jquery.wijmo-complete.all.2.2.1.min.css" rel="stylesheet" type="text/css" />

    <!--Wijmo Widgets JavaScript-->
    <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.2.2.1.min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/jquery.wijmo-complete.all.2.2.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $("#mytable").wijgrid({
            data: @Html.Raw(Json.Encode(Model.Rows))
        });
    </script>
</body>
</html>
于 2012-09-10T13:45:32.010 回答
2

这是我在@Darin Dimmitrov 的帮助下所做的

public ActionResult Index()
{
    var entity = new BloggingEngineDBEntities();
    var result = entity.Users.ToList();

    var model = new MyViewModel();

    var objArray = new object[result.Count];
    int counter = 0;

    foreach (var item in result)
    {
        objArray[counter] = new object[]
                                {
                                    item.UserName,
                                    item.Password,
                                    item.DisplayName,
                                    item.Email,
                                    item.AllowNotifications,
                                    item.ImageFilePath
                                };
        counter++;
    }

    model.Rows = objArray;

    return View(model);
}

它有效:)，希望有人觉得这很有用。

于 2012-09-11T06:53:30.613 回答