zoukankan      html  css  js  c++  java
  • 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文件就可以成功,不知道为什么啊。。。

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

  • 相关阅读:
    每日总结2021.9.14
    jar包下载mvn
    每日总结EL表达语言 JSTL标签
    每日学习总结之数据中台概述
    Server Tomcat v9.0 Server at localhost failed to start
    Server Tomcat v9.0 Server at localhost failed to start(2)
    链表 java
    MVC 中用JS跳转窗体Window.Location.href
    Oracle 关键字
    MVC 配置路由 反复走控制其中的action (int?)
  • 原文地址:https://www.cnblogs.com/zhangpan1244/p/2870448.html
Copyright © 2011-2022 走看看