easyui中的datagrid.html在vs2010中运行无法加载json数据,但是我在datagrid.html所在的文件夹中,直接浏览该文件就可以加载json数据到datagrid。不知道为什么,请高手帮忙?

解决方案 »

  1.   

    那些JS CSS等文件导入了么
      

  2.   

         <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../themes/icon.css">
    <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    已经导入,单独浏览可以加载数据,
    但是在vs2010里,点击运行,后就没有数据,不知道为什么?
      

  3.   

    用FIREFOX DEBUG看看報什麽錯啊,你沒代碼也沒BUG報告,太多可能性啊,很有可能你哪個JS沒封閉,導致你的剩餘代碼不響應
      

  4.   

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
    <title>jQuery EasyUI</title>
    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../themes/icon.css">
    <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    <script>
        $(function () {
            $('#test').datagrid({
                title: 'My Title',
                iconCls: 'icon-save',
                width: 600,
                height: 350,
                nowrap: false,
                striped: true,
                collapsible: true,
                url: 'datagrid_data.json',
                sortName: 'code',
                sortOrder: 'desc',
                remoteSort: false,
                idField: 'code',
                singleSelect: true,
                frozenColumns: [[
                    { field: 'ck', checkbox: true },
                    { title: 'code', field: 'code', width: 80, sortable: true }
    ]],
                columns: [[
            { title: 'Base Information', colspan: 3 },
    { field: 'opt', title: 'Operation', width: 100, align: 'center', rowspan: 2,
        formatter: function (value, rec) {
            return '<span style="color:red">Edit Delete</span>';
        }
    }
    ], [
    { field: 'name', title: 'Name', width: 120 },
    { field: 'addr', title: 'Address', width: 120, rowspan: 2, sortable: true,
        sorter: function (a, b) {
            return (a > b ? 1 : -1);
        }
    },
    { field: 'col4', title: 'Col41', width: 150, rowspan: 2 }
    ]],
                pagination: true,
                rownumbers: true,
                toolbar: [{
                    id: 'btnadd',
                    text: 'Add',
                    iconCls: 'icon-add',
                    handler: function () {
                        $('#btnsave').linkbutton('enable');
                        alert('add')
                    }
                }, {
                    id: 'btncut',
                    text: 'Cut',
                    iconCls: 'icon-cut',
                    handler: function () {
                        $('#btnsave').linkbutton('enable');
                        alert('cut')
                    }
                }, '-', {
                    id: 'btnsave',
                    text: 'Save',
                    disabled: true,
                    iconCls: 'icon-save',
                    handler: function () {
                        $('#btnsave').linkbutton('disable');
                        alert('save')
                    }
                }]
            });
            var p = $('#test').datagrid('getPager');
            if (p) {
                $(p).pagination({
                    onBeforeRefresh: function () {
                        alert('before refresh');
                    }
                });
            }
        });</script>
    </head>
    <body>
    <h1>DataGrid</h1>
    <table id="test"></table></body>
    </html>
    datagrid_data.json文件格式如下:
    {                                                      
    "total":239,                                                      
    "rows":[                                                          
    {"code":"001","name":"Name 1","addr":"Address 11","col4":"col4 data"},         
    {"code":"123","name":"a2222df","addr":"as2222df","col4":"第adf"},       {"code":"002","name":"Name 2","addr":"Address 13","col4":"col4 data"},         
    {"code":"003","name":"Name 3","addr":"Address 87","col4":"col4 data"},         
    {"code":"004","name":"Name 4","addr":"Address 63","col4":"col4 data"},         
    {"code":"005","name":"Name 5","addr":"Address 45","col4":"col4 data"},         
    {"code":"006","name":"Name 6","addr":"Address 16","col4":"col4 data"},          
    {"code":"007","name":"Name 7","addr":"Address 27","col4":"col4 data"},          
    {"code":"008","name":"Name 8","addr":"Address 81","col4":"col4 data"},          
    {"code":"009","name":"Name 9","addr":"Address 69","col4":"col4 data"}        
    ]                                                          
    }   
      

  5.   

    顶贴!怎么没人回答?
    看看这个http://www.cnblogs.com/hunts/archive/2006/11/20/566694.aspx
      

  6.   

    怎么还是没人关注这个问题?
    json文件在VS2010中似乎不支持啊,这是怎么回事?
      

  7.   

    前端后端都做做调试,firebug调试,vs2010里面调试看看到了调用的url返回数据没有,数据格式是否正确;onLoadSuccess或onLoadError中写些代码看看
      

  8.   

    我也是遇到同样的问题,VS2008,easyui的bug挺多的。
      

  9.   

    1.Mime 类型
     名称:.json
     类型:application/x-javascript
    2.脚本映射
     路径:*.json
     可执行文件:C:\WINDOWS\system32\inetsrv\asp.dll