Question

我一直在尝试使用http://www.jeasyui.com/documentation/index.php中的jquery-easyui datagrid。文档说明网格将接受json数据，我试图实现这一点，但是列永远不会在网格中呈现。

网格显示每行具有行ID的正确行数，但省略所有其他数据。不知何故，网格正在读取json数据并知道正确的行数，但不会呈现列数据。

我的json看起来像这样......

{"total":2,
 "rows":[
     {"id":"1",
      "name":"Employee One",
      "number":"1",
      "description":"This is the first Employee"
     },
     {"id":"2",
      "name":"Employee Two",
      "number":"2",
      "description":"This is the Second Employee"
     }
     ]
}

我的HTML看起来像这样......

 <table id="dg" title="Surveys" class="easyui-datagrid" style="width:550px;height:250px"  
    url="listJson2"  
    toolbar="#toolbar"  
    rownumbers="true" fitColumns="true" singleSelect="true">  
  <thead>  
    <tr>  
        <th field="id" width="20">Id</th>  
        <th field="name" width="50">Name</th>  
        <th field="number" width="50">Number</th>  
        <th field="description" width="50">Description</th>  
    </tr>  
  </thead>  
 </table>

我相信所有对js和css文件的引用都是正确的。网格在浏览器中渲染很好。所有按钮都在那里，我甚至有正确的行数....单元格中没有数据。

Answer 1

我遇到了同样的问题，我发现如果默认情况下通过css将表的宽度设置为100％，那么它将无效，

我知道它有点老问题，但可能对其他人有帮助。

Answer 2

尝试loadData，

var list=[
            {"id":"1",
                "name":"Employee One",
                "number":"1",
                "description":"This is the first Employee"
               },
               {"id":"2",
                "name":"Employee Two",
                "number":"2",
                "description":"This is the Second Employee"
               }
               ];

$('#dg').datagrid('loadData', list);

为什么jquery-easyui网格不显示列数据？

2 个答案: