您的位置:首页 > Web前端 > JavaScript

[extjs] ExtJS 4.2 开发环境搭建

2015-06-27 19:20 771 查看
到官网下载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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: