Wijmo电网与ASP.NET MVC 3

我正在寻找一个例子/教程或指导，以实现Wijmo Grid.Wijmo电网与ASP.NET MVC 3

我期待在ASP.NET MVC实现这个3.我将路过的动态数据我行动。

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

2012-09-10 Yasser

以下是我在@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-11 06:53:30 Yasser

这是一个完全服务器端不可知的纯粹的客户端网格。 documentation也似乎很自我解释。我请你穿过它。

一旦你经历了它，事情会变得非常标准。

你开始，将举行您的动态数据视图模型：

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-10 13:45:32

谢谢@Darin会尝试一下，我正在阅读文档，但发现它很混乱。 – Yasser

Wijmo电网与ASP.NET MVC 3

回答

相关问题