Ext Designer Preview生成代码在html上显示步骤-白红宇

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

阅读量：2785 次

发布时间：2019-05-13

本文共 1420 字，大约阅读时间需要 4 分钟。

       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，引进页面

完整页面代码：

       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>  