我写的EXT 表格显示不出来

杨晓阳 2011-07-16 03:55:00
<html>
<head>
<title>
列表
</title>
<link rel="stylesheet" type="text/css" href="ext/css/ext-all.css" />
<script type="text/javascript" src="ext/js/ext-all.js"></script>
<script type="text/javascript" src="ext/js/bootstrap.js"></script>

<script type="text/javascript">
Ext.onReady(function(){
Ext.MessageBox.confirm('Message', 'Hello World ! ');
var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);

var data = [
['1','name1','descn1'],
['2','name2','descn2'],
['3','name3','descn3'],
['4','name4','descn4'],
['5','name5','descn5']
];

var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{name: 'id'},
{name: 'name'},
{name: 'descn'}
])
});
store.load();

var grid = new Ext.grid.GridPanel({
autoHeight: true,
renderTo: 'grid',
store: store,
cm: cm
});
});

</script>
</head>
<body>

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

</body>
</html>



message 提示信息能够显示出来,但是表格不能显示,各位兄弟姐妹们 谁指点一下
...全文
131 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
lccse 2011-11-17
  • 打赏
  • 举报
回复
我用的就是4.0,这样能出来
lccse 2011-11-17
  • 打赏
  • 举报
回复
<link rel="stylesheet" type="text/css" href="commons/ext-4.0/resources/css/ext-all.css">
<script type="text/javascript" src="commons/ext-4.0/bootstrap.js"></script>
<script type="text/javascript" src="commons/ext-4.0/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var data=[ [1, 'EasyJWeb', 'EasyJF','www.easyjf.com'],
[2, 'jfox', 'huihoo','www.huihoo.org'],
[3, 'jdon', 'jdon','www.jdon.com'],
[4, 'springside', 'springside','www.springside.org.cn'] ];
var store=new Ext.data.SimpleStore({data:data,fields:["id","name","organization","homepage"]});
var grid = new Ext.grid.GridPanel({
renderTo:"hello",
title:"中国Java开源产品及团队",
height:150,
width:600,
columns:[
{header:"项目名称",dataIndex:"name"},
{header:"开发团队",dataIndex:"organization"},
{header:"网址",dataIndex:"homepage"}
],
store:store,
autoExpandColumn:2
});
});
</script>
gudujian002 2011-11-17
  • 打赏
  • 举报
回复
我也出现了跟楼主一样的问题了。但是能在3.3下显示。2.1下页能显示。就是4.0不能显示。是不是有什么地方不兼容啊?
guozhu 2011-07-29
  • 打赏
  • 举报
回复
是资源路径问题你查查你用的css中加载图片的相对工作路径目录是否正确,图片资源是否存在,我之前就这样解决的
qiugeilidezhanghao 2011-07-26
  • 打赏
  • 举报
回复
不管是4.0还是4.0都有一个文件夹叫做example你可以去看看
三心不可得 2011-07-26
  • 打赏
  • 举报
回复
我用的2.x的可以出来啊。

<link rel="stylesheet" type="text/css" href="ext-2.2.1/resources/css/ext-all.css" />
<script type="text/JavaScript" src="ext-2.2.1/adapter/ext/ext-base.js"></script>
<script type="text/JavaScript" src="ext-2.2.1/ext-core.js"></script>
<script type="text/JavaScript" src="ext-2.2.1/ext-all.js"></script>
杨晓阳 2011-07-18
  • 打赏
  • 举报
回复
哦,那还是看看3吧,
lsw645645645 2011-07-17
  • 打赏
  • 举报
回复
<script type="text/javascript" src="ext/js/bootstrap.js"></script>

这个删了
豆虫 2011-07-17
  • 打赏
  • 举报
回复
<link rel="stylesheet" type="text/css" href="ext/css/ext-all.css"/>
<script type="text/javascript" src="ext/js/ext-all.js"></script>
<script type="text/javascript" src="ext..../ext-lang-zh_CN.js"></script> 把中文js加上


另外:既然你做的是Ext4.0的例子 就不要用3.0以前的grid的写法了 这样是出不来的
杨晓阳 2011-07-16
  • 打赏
  • 举报
回复
[Quote=引用楼主 yangshuangjun 的回复:]
<html>
<head>
<title>
列表
</title>
<link rel="stylesheet" type="text/css" href="ext/css/ext-all.css" />
<script type="text/javascript" src="ext/js/ext-all.js"></script>
<script type="text……
[/Quote]
我下的4.0 的版本,说是 将 ext-base.js 更换成bootstrap.js 这个了 不知道 是不是,而且我下载的也没有这个文件
豆虫 2011-07-16
  • 打赏
  • 举报
回复
<link rel="stylesheet" type="text/css" href="ext/css/ext-all.css" />
在这还缺一个ext-base.js 的引用<script type="text/javascript" src="ext/js/ext-all.js"></script>
<script type="text/javascript" src="ext/js/bootstrap.js"></script>

52,792

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧