Question

extjs gridpanel 页面不显示数据 json数据收到

Ext.onReady(function(){
var store=new Ext.data.JsonStore({
url:'extjs_list.action',
fields:["username","password","email","id"],
autoLoad:true
});
var grid=new Ext.grid.GridPanel({
title:'员工管理',
height:400,
width:800,
store:store,
renderTo:'emp-grid',
loadMask:{
msg:'数据加载中...'
},
viewConfig:{
autoFill:true,
forceFit:true
},
columns:[
{
header:'姓名',
dataIndex:'username'
},
{
header:'密码',
dataIndex:'password'
},
{
header:'email',
dataIndex:'email'
},
{
header:'id',
dataIndex:'id'
}
]
});
});
后台传过来的json格式的数据，用debug可以看到，，，，

Answer 1

　　应该是你'extjs_list.action'里面的数据格式不正确。

 

　　我用你的这个js在我这试了下，把地址改了下用test9_ajax.jsp，其他的js代码没有动。

 

　　test9_ajax.jsp中的内容如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
 response.setContentType("text/xml");
 response.setHeader("Cache-Control", "no-store"); //HTTP1.1
 response.setHeader("Pragma", "no-cache"); //HTTP1.0
 response.setDateHeader("Expires", 0); //prevents catching at proxy server
 
 try {
  String str="[{username:'sss',password:'www',email:'xxx',id:1},{username:'sd',password:'vwe',email:'qwe',id:2},{username:'hhh',password:'ggg',email:'fff',id:3},{username:'bbbb',password:'dddd',email:'eee',id:4}]";
  response.getWriter().write(str);
 } catch (Exception ex) {
  ex.printStackTrace();
 }
%>

　　显示结果：

‍

‍

所以你查下你action的返回的json串‍

所以 所以

追问

哦，这会在医院，回去看看哈……谢谢你

Answer 2

var store=new Ext.data.JsonStore({
............................
});

store.load();//加这个试一试
var grid=new Ext.grid.GridPanel({
..........................
}）

Answer 3

将后台的json格式的数据发上来啊，看看是不是数据格式有错误或者解析有错误

追问

这会在医院呢……回去发给你哈

这会在医院呢……回去发给你哈