VS2012+EF5学习MVC4(二)

使用jquery.easyui.min.js,做一个列表展示,一天一点点,慢慢进步着吧。

真的是郁闷啊,使用了一个jquery.easyui.min.js,想做个好看的UI DEMO,结果JSON的值一直不能传递给GRIDVIEW.

前台页面:

View Code
 1 @{
 2     ViewBag.Title = "Index";
 3     Layout = "~/Views/Shared/_Layout.cshtml";
 4 }
 5 <script src="~/Scripts/jquery-1.7.1.min.js"></script>
 6 <script src="~/Content/jqUI/jquery.easyui.min.js"></script>
 7 <link href="~/Content/jqUI/themes/default/easyui.css" rel="stylesheet" />
 8 <link href="~/Content/jqUI/themes/icon.css" rel="stylesheet" />
 9 <script type="text/javascript">
10     $(function () {
11         $('#tb_UserList').datagrid({
12             title: 'jQuery EasyUI---DataGrid',
13             iconCls: 'icon-save',
14              800,
15             height: 500,
16             nowrap: false,
17             striped: true,
18             url: '/Ajax/GetUserList_Ajax',
19             sortName: 'ID',
20             sortOrder: 'desc',
21             idField: 'ID',
22             frozenColumns: [[
23                 { field: 'ck', checkbox: true },
24                 { title: 'ID', field: 'ID',  80, sortable: true }
25             ]],
26             columns: [[
27                 { title: '基本信息', colspan: 2 },
28                 {
29                     field: 'opt', title: '操作',  100, align: 'center', rowspan: 2,
30                     formatter: function (value, rec) {
31                         return '<span style="color:red">编辑 删除</span>';
32                     }
33                 }
34             ], [
35                 { field: 'name', title: 'Name',  120 },
36                 { field: 'addr', title: 'Address',  120, rowspan: 2, sortable: true }
37             ]],
38             pagination: true,
39             rownumbers: true,
40             singleSelect: false,
41             toolbar: [{
42                 text: '添加',
43                 iconCls: 'icon-add',
44                 handler: function () {
45                     alert('添加数据')
46                 }
47             }, '-', {
48                 text: '保存',
49                 iconCls: 'icon-save',
50                 handler: function () {
51                     alert('保存数据')
52                 }
53             }]
54         });
55     });
56 </script>
57 <h2>用户列表</h2>
58 <table id="tb_UserList"></table>

Controller:

public JsonResult GetUserList_Ajax()
        {
            String res = @"{'total':239,'rows':[{'ID':'001','name':'Isaac Zhang','addr':'Address 1'},{'ID':'010','name':'Pan.Zhang','addr':'Address 10'}]} ";
            return Json(res,JsonRequestBehavior.AllowGet);
        }

 上面的赋值,我怎么都不能赋值到表格中去。

使用原始的json文件就可以成功,不知道为什么啊。。。

记录下问题,继续研究。。

原文地址:https://www.cnblogs.com/zhangpan1244/p/2870448.html