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 に答える