extjs问题,gridpanel不能显示数据,但firebug显示已经收到了json格式数据了 20

varrecord=Ext.data.Record.create([{name:'userId',type:'string',mapping:'userId'},{nam... var record = Ext.data.Record.create([
{
name : 'userId',
type : 'string',
mapping : 'userId'
}, {
name : 'userName',
type : 'string',
mapping : 'userName'
}, {
name : 'sex',
type : 'string',
mapping : 'sex'
}, {
name : 'age',
type : 'string',
mapping : 'age'
}, {
name : 'entryDate',
type : 'string',
mapping : 'entryDate'
},{
name : 'birthPlace',
type : 'string',
mapping : 'birthPlace'
}, {
name : 'mingzu',
type : 'string',
mapping : 'mingzu'
}, {
name : 'subjectName',
type : 'string',
mapping : 'subjectName'
}, {
name : 'departmentName',
type : 'string',
mapping : 'departmentName'
}]);

var reader = new Ext.data.JsonReader({
totalProperty: 'results',
root: 'rows'

}, record);

var store = new Ext.data.Store({

proxy: new Ext.data.HttpProxy({url:'UserBeanClServlet?type=query'},{method:'GET'}) ,

reader : reader,
remoteSort : true
});

store.setDefaultSort('userId', 'DESC');
store.load();

var grid = new Ext.grid.GridPanel({
id : 'fee_Grid',
name : 'fee_Grid',
autoHeight:true,
loadMask : '正在查找',
// cm:cmMol,
columns : [
{
header : '编号',
dataIndex : 'userId',
sortable :true,
width : 90
}, {
header : '姓名',
dataIndex : 'userName',
width : 90
}, {
header : '性别',
dataIndex : 'sex',
width : 90
}, {
header : '年龄',
dataIndex : 'age',
width : 90
}, {
header : '籍贯',
dataIndex : 'birthPlace',
width : 90
}, {
header : '入职时间',
dataIndex : 'entryDate',

width : 90
}, {
header : '名族',
dataIndex : 'mingzu',
width : 90
},{
header : '专业',
dataIndex : 'subjectName',
width : 90
},{
header : '部门',
dataIndex : 'departmentName',
width : 90
},{
id : 'operate',
header : '操作',
dataIndex : 'operate',
renderer : function(value, metadata, record, rowIndex, colIndex, store) {
var view = '<a href="#" onclick="view(' +rowIndex + ')">查看</a>';
var edit = '<a href="#" onclick="edit(' + rowIndex + ')">编辑</a>';
// var del = '<a href="#" onclick="del(' + rowIndex + ')">删除</a>';
return view+' '+edit;
}
}],
store : store,
});
grid.render("show2");
从服务器接收到的数据:
{results:'11',rows:[{userId:'138',userName:'www',sex:'男',age:'33',entryDate:'2000-01-01',birthPlace:'sc',mingzu:'han',subjectName:'计算机2',departmentName:'事业部'},{userId:'139',userName:'lili',sex:'男',age:'22',entryDate:'2000-02-01',birthPlace:'四川',mingzu:'汉',subjectName:'计算机2',departmentName:'事业部'},{userId:'140',userName:'lili',sex:'男',age:'22',entryDate:'2000-02-01',birthPlace:'四川',mingzu:'汉',subjectName:'计算机2',departmentName:'事业部'},{userId:'141',userName:'lili',sex:'男',age:'22',entryDate:'2000-02-01',birthPlace:'四川',mingzu:'汉',subjectName:'计算机2',departmentName:'事业部'}]}
展开
 我来答
luffy1201
2010-07-22 · TA获得超过1523个赞
知道小有建树答主
回答量:401
采纳率:0%
帮助的人:579万
展开全部

你最后的store:store后面多个,号

Ext.onReady(function() {

   var record = Ext.data.Record.create([{

      name : 'userId',

      type : 'string',

      mapping : 'userId'

     }, {

      name : 'userName',

      type : 'string',

      mapping : 'userName'

     }, {

      name : 'sex',

      type : 'string',

      mapping : 'sex'

     }, {

      name : 'age',

      type : 'string',

      mapping : 'age'

     }, {

      name : 'entryDate',

      type : 'string',

      mapping : 'entryDate'

     }, {

      name : 'birthPlace',

      type : 'string',

      mapping : 'birthPlace'

     }, {

      name : 'mingzu',

      type : 'string',

      mapping : 'mingzu'

     }, {

      name : 'subjectName',

      type : 'string',

      mapping : 'subjectName'

     }, {

      name : 'departmentName',

      type : 'string',

      mapping : 'departmentName'

     }]);

   var reader = new Ext.data.JsonReader({

      totalProperty : 'results',

      root : 'rows'

     }, record);

   var store = new Ext.data.Store({

      proxy : new Ext.data.HttpProxy({

         url : 'aaa.jsp'

        }, {

         method : 'GET'

        }),

      reader : reader,

      remoteSort : true

     });

   store.setDefaultSort('userId', 'DESC');

   store.load();

   var grid = new Ext.grid.GridPanel({

      id : 'fee_Grid',

      name : 'fee_Grid',

      autoWidth : true,

      height : 300,

      loadMask : '正在查找',

      // cm:cmMol,

      columns : [{

         header : '编号',

         dataIndex : 'userId',

         sortable : true,

         width : 90

        }, {

         header : '姓名',

         dataIndex : 'userName',

         width : 90

        }, {

         header : '性别',

         dataIndex : 'sex',

         width : 90

        }, {

         header : '年龄',

         dataIndex : 'age',

         width : 90

        }, {

         header : '籍贯',

         dataIndex : 'birthPlace',

         width : 90

        }, {

         header : '入职时间',

         dataIndex : 'entryDate',

         width : 90

        }, {

         header : '名族',

         dataIndex : 'mingzu',

         width : 90

        }, {

         header : '专业',

         dataIndex : 'subjectName',

         width : 90

        }, {

         header : '部门',

         dataIndex : 'departmentName',

         width : 90

        }, {

         id : 'operate',

         header : '操作',

         dataIndex : 'operate',

         renderer : function(value, metadata,

           record, rowIndex, colIndex, store) {

          var view = '<a href="#" onclick="view('

            + rowIndex + ')">查看</a>';

          var edit = '<a href="#" onclick="edit('

            + rowIndex + ')">编辑</a>';

          // var del = '<a href="#" onclick="del('

          // + rowIndex + ')">删除</a>';

          return view + ' ' + edit;

         }

        }],

      store : store

     });

   grid.render("show2");

  });

我在我这运行了一下,修改了store多个,号的错误,并且修改了url的地址

aaa.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

 String json = "{results:'11',rows:[{userId:'138',userName:'www';,sex:'男',age:'33',entryDate:'2000-01-01',birthPlace:'sc',mingzu:'han',subjectName:'计算机2',departmentName:'事业部'},{userId:'139',userName:'lili',sex:'男',age:'22',entryDate:'2000-02-01',birthPlace:'四川',mingzu:'汉',subjectName:'计算机2',departmentName:'事业部'},{userId:'140',userName:'lili',sex:'男',age:'22',entryDate:'2000-02-01',birthPlace:'四川',mingzu:'汉',subjectName:'计算机2',departmentName:'事业部'},{userId:'141',userName:'lili',sex:'男',age:'22',entryDate:'2000-02-01',birthPlace:'四川',mingzu:'汉',subjectName:'计算机2',departmentName:'事业部'}]}";

response.getWriter().write(json);

%>

运行成功,见图片。

小豆526
2010-07-26 · TA获得超过165个赞
知道小有建树答主
回答量:165
采纳率:0%
帮助的人:145万
展开全部
悲剧呀,千万不要乱写符号,如果你以后再碰到不知哪错了,多写几个alert,看那个没执行,就能大概定位到错误的地方了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式