到官网下载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 权威指南》