[extjs] ExtJS 4.2 开发环境搭建

到官网下载Extjs ，现在最新版的是Ext5.1. 这里用ext4.2演示开发。http://extjs.org.cn/.

EXT4.1 在线API  

项目结构中ext4.2导入的资源文件：

 

第一个页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${pageContext.request.contextPath}/js/ext4.2/resources/css/ext-all.css">
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/ext4.2/bootstrap.js"></script>
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/ext4.2/locale/ext-lang-zh_CN.js" ></script>
<script type="text/javascript">
  
  Ext.onReady(function(){
   
      //弹出提示框 
     
    Ext.Msg.alert("提示","你点击了弹出按钮!",function(){
        
        // prompt 回调函数的两个入参  id 和 文本框的内容 
        // 点击确定为ok,取消为 cancel 
         Ext.Msg.prompt("请输入内容","你的生日是？",function(id,text){
             
             alert(id+","+text);
         });
        
        
    });
      
    
  
});
    

 
 </script>
<title>Page</title>

</head>
<body>

</body>
</html>

 

 

参考资料：

《Ext JS 权威指南》

 Ext4.2.1学习历程之一：环境搭建及Hello ExtJS4.2

 

posted @ 2015-06-27 19:20  snow__wolf  阅读(399)  评论(0)  编辑  收藏  举报