我写的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 提示信息能够显示出来，但是表格不能显示，各位兄弟姐妹们 谁指点一下
...全文
128 11 打赏 收藏 转发到动态 举报
写回复
用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>

Ext下拉树、下拉表格
项目是myeclipse的web项目，导入项目即可，自己添加ext的js和css文件，资源中没有加入ext的基础文件
extjs 可编辑的表格树 Ext.tree.ColumnTree Ext.tree.ColumnTreeEditor
extjs 可编辑的表格树，每个单元格自定义编辑组件，可以自适应列宽，只有源码与例子，运行实例要修改路径，不然图片不能显示，注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo ： codeme9@gmail.com
Linux 磁盘与文件系统管理命令 < Series 8. >
Re： 《 Linux磁盘与文件系统管理命令 》   ---------------------------------------内容提要： 01/16）命令fdisk           ：磁盘分区工具02/16）命令partprobe  ：更新内核的硬盘分区表信息（即分区即刻生效）03/16）命令 tune2fs     ：调整 ext2/ext3/ext4 文件系统参数04/16）命令 parted       ：磁盘分区工具（大小通吃）05/16）命令 mkfs          ：创建Linux文件系统06/16）命令 dumpe2fs ：导出ext2/ext3/ext4文件系统信息07/16）命令 resize2fs   ：调整ext2/ext3/ext4文件系统大小08/16）命令 fsck           ：检查并修复Linux文件系统09/16）命令 dd             ：转换或复制文件10/16）命令 mount       ：挂载文件系统11/16）命令 umount     ：卸载文件系统12/16）命令 df              ：报告文件系统磁盘空间的使用情况13/16）命令 mkswap    ：创建交换分区14/16）命令 swapon     ：激活交换分区15/16）命令 swapoff     ：关闭交换分区16/16）命令 sync           ：刷新文件系统缓冲区17/17）附录                   ：NFS 网络文件服务器到安装；客户端的挂载 -t nfs；及新分区的权限测试  本人在教学和实战过程中发现，即便是有一定运维经验的人，可能已经能够搭建一定复杂度的Linux架构，但是在来来回回的具体操作中，还是体现出CLI（命令界面）功底不够扎实，甚至操作的非常‘拙’、处处露‘怯’。 对一个士兵来说，枪就是他的武器，对于一个程序员来说，各种library（工具库）就是他的武器；而对于Linux运维人员来说，无疑命令行工具CLI（命令界面）就是他们的武器；高手和小白之间的差距往往就体现在对于这些“武器”的掌握和熟练程度上。有时候一个参数就能够解决的事情，小白们可能要写一个复杂的Shell脚本才能搞定，这就是对CLI（命令界面）没有理解参悟透彻导致。 研磨每一个命令就是擦拭手中的作战武器，平时不保养不理解，等到作战的时候，一定不能够将手中的武器发挥到最好，所以我们要平心、静气和专注，甘坐冷板凳一段时间，才能练就一身非凡的内功！ 本教程从实战出发，结合当下流行或最新的Linux（v6/7/8 版本）同时演示，将命令行结合到解决企业实战问题中来，体现出教学注重实战的务实精神，希望从事或未来从事运维的同学，能够认真仔细的学完Linux核心命令的整套课程。 本课程系列将逐步推出，看看我教学的进度和您学习的步伐，孰占鳌头！ 注：关于教学环境搭建，可以参考本人其它课程系列，本教学中就不再赘述！ 《参透 VMware 桌面级虚拟化》 《在虚拟机中安装模版机（包括应用软件等）》 《SecureCRT 连接 GNS3/Linux 的安全精密工具》 
ExtJS 4.2.0
ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。 功能丰富，无人能出其右。 无论是界面之美，还是功能之强，ext的表格控件都高居榜首。 单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。 自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。 再加上可编辑grid，添加新行，删除一或多行，提示多行数据，拖拽改变grid大小，grid之间拖拽一或多行，甚至可以在tree和grid之间进行拖拽，这些功能实在太神奇了。更令人惊叹的是，这些功能竟然都在ext表格控件里实现了。
(Ext基础篇) Ext表格控件
Ext中的表格功能非常强大，包括排序、缓存、拖动、隐藏某一行、自动显示行号、列汇总、单元格编辑等实用功能。               表格由类Ext.grid.GridPanel定义，继承自Panel，其xtype为Grid。在Ext中，表格控件Grid必须包含列定义信息，并指定表格的数据存储Store。表格的列信息由类Ext.grid.ColumnModel定义，而表格的数据存储器由Ext.
Ajax

52,797

社区成员

25,305

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章