<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function () {
var m = new Ext.MyGrid({});
m.render(Ext.getBody());
});
</script>
将Ext Designer生成的代码保存为test.js，引进页面
<script type="text/javascript" src="test.js"></script><!-- EXAMPLES -->
完整页面代码：
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function () {
var m = new Ext.MyGrid({}); //Ext.MyGrid这里的名字是Ext Designer 中GRID的名字
m.render(Ext.getBody());
});
</script>
</head>
<body>
<script type="text/javascript" src="test.js"></script><!-- EXAMPLES -->
</body>
</html>
分享到：
相关推荐
在"Ext Designer Preview3.0汉化版及教程"中，我们可以期待获得针对中国用户的本地化版本，以及一系列帮助初学者和有经验的开发者更好地掌握这款工具的教学资源。 1. **Ext Designer 3.0**：此版本是Ext Designer的...
在“EXT可视化工具，Ext_Designer_Preview附带安装说明.rar”这个压缩包中，我们可以推测包含的主要内容可能有EXT Designer的预览版本和相应的安装指南。预览版可能包含了工具的最新功能或改进，而安装说明则会指导...
5. **安装步骤.txt**：这是一个文本文件，提供了安装和设置Ext Designer Preview 3.0的指南，包括系统需求、安装过程以及可能遇到的问题和解决方案。 使用Ext Designer，开发者可以通过拖放的方式创建和配置组件，...
Ext Designer Preview 3.0是Sencha公司推出的一款强大的基于Web的用户界面设计工具，专门用于创建基于Ext JS的交互式应用。此汉化版使得中国开发者能够更加方便地使用这款工具，避免了语言障碍，提高了开发效率。...
7. **生成代码**：完成设计后，EXT_Designer_Preview会自动生成对应的JavaScript代码，这些代码可以直接在EXT应用中使用。 8. **学习资源**：为了更好地利用EXT_Designer_Preview，建议参考EXT官方文档、教程和社区...
4. **代码生成**：完成设计后，ExtDesigner会自动生成相应的ExtJS代码，这些代码可以直接整合到你的项目中，形成一个完整的应用程序。 5. **版本控制**：为了便于团队协作，你可以将设计文件保存为XML格式，方便...
总之，"EXT编辑器"是一款强大的EXT应用开发工具，通过可视化界面和自动生成代码的功能，极大地提高了EXT应用的开发效率和质量。配合Adobe AIR运行时，它能够在桌面环境下提供流畅的开发体验。为了充分利用这款工具，...