EasyUI 之 DataGrid的两种赋值方法

方法一：使用ViewData赋值

首先，我们创建一个User的实体类

1. public class User
2. {
3. public string UserID;
4. public string UserName;
5. public string Sex;
6. }

然后，我们在Action中添加假数据，并将假数据放到ViewData中

1. public ActionResult test()
2. {
3. List<User> listUser = new List<User>();
4. listUser.Add(new User
5. {
6. UserID = "001",
7. UserName = "呵呵",
8. Sex = "男"
9. });
10. listUser.Add(new User
11. {
12. UserID = "002",
13. UserName = "哈哈",
14. Sex = "女"
15. }); listUser.Add(new User
16. {
17. UserID = "003",
18. UserName = "嘿嘿",
19. Sex = "男"
20. });
21. ViewData["listUser"] = listUser;
22. return View();
23. }

最后，我们在前台用ViewData给DataGrid赋值

1. <div>
2. <table id="dg" class="easyui-datagrid" style="width: 600px; height: 300px" >
3. <thead>
4. <tr>
5. <th data-options="field:'UserID',width:148,sortable:true">ID</th>
6. <th data-options="field:'UserName',width:148,sortable:true">姓名</th>
7. <th data-options="field:'Sex',width:148,sortable:true">性别</th>
8. </tr>
9. </thead>
10. @foreach (ITOO.EvaluationUI.Models.User enUser in ViewData["listUser"] as List<ITOO.EvaluationUI.Models.User>)
11. {
12. <tr>
13. <td>@enUser.UserID </td>
14. <td>@enUser.UserName  </td>
15. <td>@enUser.Sex  </td>
16. </tr>
17. }
18. </table>
19. </div>

方法二：使用url赋值

首先，我们在前台的DataGrid中加上URL属性

1. <div>
2. <table id="dg" class="easyui-datagrid" style="width: 600px; height: 300px" >
3. <thead>
4. <tr>
5. <th data-options="field:'UserID',width:148,sortable:true">ID</th>
6. <th data-options="field:'UserName',width:148,sortable:true">姓名</th>
7. <th data-options="field:'Sex',width:148,sortable:true">性别</th>
8. </tr>
9. </thead>
10. </table>
11. </div>
12. <!--datagrid基本设置-->
13. <script type="text/javascript">
14. $(function () {
15. $('#dg').datagrid({
16. title: '测试表格',
17. url: "/EvaluationSituation/jsonTest",
18. pagination: true,//显示分页工具栏
19. });
20. });
21. </script>

然后，我们在相应的控制器中添加一个得到json数据的方法

1. public JsonResult  jsonTest()
2. {
3. List<User> listUser = new List<User>();
4. listUser.Add(new User {
5. UserID ="001",
6. UserName="呵呵",
7. Sex ="男"
8. });
9. listUser.Add(new User
10. {
11. UserID = "002",
12. UserName = "哈哈",
13. Sex = "女"
14. }); listUser.Add(new User
15. {
16. UserID = "003",
17. UserName = "嘿嘿",
18. Sex = "男"
19. });
20. JsonResult jsonUser = new JsonResult();
21. jsonUser = Json(listUser);
22. return jsonUser;
23. }

上面介绍的两种方法能够解决我们给DataGrid赋值的问题，其中方法二里面除了将List集合转换成Json对象以外，我们还可以自己写一个方法将List转换成Json格式的字符串，这样也可以给DataGrid赋值。虽然我们能够赋值，但是这样做也有一些其他的问题，比如说怎么它的分页怎么实现，这就是下一节将要讲解的内容