Ext Designer Preview生成代码在html上显示步骤

GoodShot

于 2013-06-06 08:52:36 发布

阅读量1.9k

点赞数

分类专栏： extjs 文章标签： Ext Designer源码使用

extjs 专栏收录该内容

64 篇文章 0 订阅

订阅专栏

     Java代码   
     
   
 <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>

完整页面代码：

     Java代码   
     
   
 <%@ 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>  

GoodShot

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext Designer Preview生成代码在html上显示步骤

Java代码 "stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> "text/javascript" src="extjs/adapter/ext/ext-base.js"> "text/javascript" src="extjs/ext-all.js">
复制链接

扫一扫

专栏目录