• 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文件就可以成功,不知道为什么啊。。。

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

  • 相关阅读:
    存储过程的常见结构
    js 立即调用的函数表达式
    浏览器控制台换行
    js 函数声明和函数表达式
    JavaScript中把Json字符串转化为对象
    js判断对象还是数组
    Flex 基础语法(三)
    Flex 基础语法(二)
    Flex 基础语法(一)
    SVN提交文件的时候过滤指定文件
  • 原文地址:https://www.cnblogs.com/zhangpan1244/p/2870448.html
Copyright © 2020-2023  润新知