extJs4 grid不显示数据，新手求救

百八烦恼风 2013-05-16 08:30:07

表结构可以显示的，但数据不显示

Ext.define('Tie',{

	extend:'Ext.data.Model',

	fields:[{name:'id',type:'int',mapping:'id'},

	        {name:'title',type:'string',mapping:'title'},

	        {name:'content',type:'string',mapping:'content'},

	        {name:'parentId',type:'int',mapping:'parentId'}

	       ]

});

Ext.create('Ext.data.Store',{

	storeId:'s_tie',

	model:'Tie',

	proxy:{

		type:'ajax',

		url:'/extjs/list.do',

		reader:{

			type:'json',

			root:'topics'

		},writer:{

			type:'json'

		}

	},

	autoLoad:true

});

页面

<script type="text/javascript" src="ext/ext-all.js" ></script>

<script type="text/javascript" src="ext/model.js" ></script>

<script type="text/javascript" src="ext/ext-lang-zh_CN.js" ></script>

<script type="text/javascript" src="ext/bootstrap.js" ></script>

 <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />

 <script type="text/javascript">

 Ext.require(['Ext.grid.*','Ext.toolbar.Paging','Ext.data.*']);

	Ext.onReady(function(){

		Ext.QuickTips.init();

		var gr=Ext.create('Ext.grid.Panel',{

		title:'列表',

		columns:[{header:"编号",dataIndex:'id'},

		         {header:"标题",dataIndex:'title'},

		         {header:"内容",dataIndex:'content'},

		         {header:"父编号",dataIndex:'parentId'}],

		renderTo:'grid',

		store:Ext.data.StoreManager.lookup('s_tie'),

		height:200,

		width:400

		})

	});

</script>

<title>Insert title here</title>

</head>

<body>

	<div id="grid"></div>

</body>

action是可以进去的，返回的Json数组是{"totals":"5","topics":[{"content":"12","id":1,"parentId":0,"title":"12"},{"content":"1234","id":4,"parentId":1,"title":"1234"},{"content":"阿什顿","id":5,"parentId":4,"title":"咪好"}]}

...全文

178 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

q403666704 2013-12-26

打赏
举报

求救啊，我也是这个问题

yuqi_hz 2013-05-20

打赏
举报

之前一直用ext3，很少注意ext4的变化，前面不好意思，你的代码看不出什么问题，还是引入文件的时候， <script type="text/javascript" src="ext/ext-all.js" ></script> <script type="text/javascript" src="ext/model.js" ></script> <script type="text/javascript" src="ext/ext-lang-zh_CN.js" ></script> <script type="text/javascript" src="ext/bootstrap.js" ></script> <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" /> 这些一般放在加载js的jsp页面上，还有你看一下文件引入的顺序。

百八烦恼风 2013-05-18

打赏
举报

引用 7 楼 yuqi_hz 的回复:

ext-base.js不是和你说了吗?引入这个，不引入会出现这样的问题，怎么不试试？

我用的是ext-4.0.7-gpl，没找到有ext-base.js

百八烦恼风 2013-05-18

打赏
举报

引用 6 楼 vnetoolxw_87 的回复:

是results rows不是totals topics

我看教程上面的可以自定义啊

yuqi_hz 2013-05-17

打赏
举报

码上生活8899 2013-05-17

打赏
举报

没看出有什么问题啊

yuqi_hz 2013-05-17

打赏
举报

ext-base.js不是和你说了吗?引入这个，不引入会出现这样的问题，怎么不试试？

vnetoolxw_87 2013-05-17

打赏
举报

是results rows不是totals topics

百八烦恼风 2013-05-17

打赏
举报

引用 4 楼 vnetoolxw_87 的回复:

extjs grid对json数据格式是有要求的,否则JsonReader无法解析的要求的json格式如下: { "results":108, "rows":[ {"id":1,"name":"name-1"}, {"id":2,"name":"name-2"}, .......你懂的 ] } results表示总记录数,rows就是Grid里每行数据当然results和rows属性名可以在构建JsonReader对象时自定义的,希望能帮助到你, Java飞虎队欢迎各路菜鸟老鸟加入一起交流讨论。群号105098806

我上面有返回的json呀，你看有错么？

u010170674 2013-05-17