easyUi的datagrid无法从后台获取数据

Question

代码如下

 <script type="text/javascript">

        var setting = {
            data: {
                simpleData: {
                    enable: true,
                    idKey:"id",
                    pIdKey:"pid"
                }
            },
            callback: {
                    onClick: zTreeOnClick
                }

        };


    $(function(){
        $.ajax({
                url:"<%=request.getContextPath() %>/getDeptTree.action",
                data:{},
                dataType:"json",
                type:"post",
                success:function(json){
                    $.fn.zTree.init($("#treeDemo"), setting, json);
                }
            });
    });
        function zTreeOnClick(event, treeId, treeNode) {

            var id = treeNode.id;
            var deptName = treeNode.name;
            alert(id+","+deptName);

            $("#dl").datagrid({    
                url:"<%=request.getContextPath()%>/getUserByDeptid.action?id="+id,
               columns:[[
                    {field:'id',title:'ID',width:100},
                    {field:'realname',title:'真实姓名',width:100},
                    {field:'loginname',title:'用户名',width:100},
                    {field:'asd',title:'职位',width:100},
                    {field:'mail',title:'邮箱',width:100},
                    {field:'sex',title:'性别',width:100},
                    {field:'tel',title:'电话',width:100},
                    {field:'qq',title:'QQ',width:100},
                    {field:'adddate',title:'入职日期',width:100},
                    {field:'lastlogin',title:'最后登录时间',width:100},
                    {field:'logintime',title:'访问次数',width:100},
                    {field:'caozuo',title:'操作',width:100}
                ]],
                fit:true,
                singleSelect:true 
            });  
        };
    </script>
 <div id="zuzhi" class="easyui-tabs" data-options="fit:true,border:false">   
    <div title="用户" style="display:none;">   
        <div id="用户" class="easyui-layout" data-options="fit:true">   
            <div data-options="region:'west',title:'部门结构',collapsible:true" style="width:150px;">
                <ul id="treeDemo" class="ztree">

                </ul>
            </div>   
            <div data-options="region:'center'" style="padding:5px;background:#eee;">
                <table  id="dl">   
                   <!-- <thead>   
                        <tr>   
                            <th data-options="field:'id',width:100">ID</th>   
                            <th data-options="field:'realname',width:100,editor:'text'">真实姓名</th>   
                            <th data-options="field:'loginname',width:100,editor:'text'">用户名</th>   
                            <th data-options="field:'asd',width:100,editor:'text'">职位</th>   
                            <th data-options="field:'mail',width:100,editor:'text'">邮箱</th>   
                            <th data-options="field:'sex',width:100,editor:'text'">性别</th>   
                            <th data-options="field:'tel',width:100,editor:'text'">电话</th>   
                            <th data-options="field:'qq',width:100,editor:'text'">QQ</th>   
                            <th data-options="field:'adddate',width:100,editor:'text'">入职日期</th>   
                            <th data-options="field:'lastlogin',width:100,editor:'text'">最后登录时间</th>   
                            <th data-options="field:'logintime',width:100,editor:'text'">访问次数</th>   
                            <th data-options="field:'caozuo',width:100">操作</th>   
                    </thead>  -->
                </table>  
            </div>   
        </div>    
    </div>
    <div title="权限" data-options="" style="display:none;">   
        权限    
    </div>   

    <div title="公司" data-options="" style="display:none;">   
        公司   
    </div>   


    <div title="动态" data-options="" style="display:none;">   
        动态    
    </div>  
</div>

datagrid中的getUserByDeptid方法访问不到，但是treeNode.id和treeNode.name都可以alert出来，ztree也没问题

Answer 1

"<%=request.getContextPath()%>/getUserByDeptid.action?id="+id
首先确定链接地址是不是能访问到，
其次，看看是不是数据格式不正确导致的 datagrid加载列表失败，正确的datagrid数据返回格式是 {"total":28,"rows":[{kry:value,key:value}]}total必须返回，rows也是必须返回