日期:2014-05-16 浏览次数:20376 次
网络上有很多 ext 的很全面的教程,但是学习起来不免还是有些负担,今天我制作这个教程目的是让迷惑的朋友能更快的对 ext 有一定的了解,不至于对 ext 还是那么抽象。
?doc版教程下载:51cto ,dbank ,115
在这里大家可以先下载我写好的 Struts-Spring 模板(后面讲到与后台交互时会用到,现在先不下也没关系)
http://down.51cto.com/data/201424 ???????????? 51ct
http://dl.dbank.com/c0zu1qyv6f ????????????????? dbank
http://u.115.com/file/e6crn8t0 ??????????????????????????? 115
?
但是这个一定要下载: ext 基础包
http://dl.dbank.com/c0zzqvugdc ????????????????? dbank
http://u.115.com/file/clioh2zq ??????????????????????????? 115
?
接着,教程开始了:
一.搭建环境:在 myeclipse 下先新建一个 WebProject 工程(导入之前下载的 Struts-Spring 项目均可)
如果你是新建一个 WebProject\ 工程,那必须先吧下载的 ext 基础包复制到工程的 WebRoot 下,并把 ext/src/locale/ext-lang-zh_CN.js 包的编码改为 UTF-8
?
二. 画界面:
1. 画界面必须都必须的第一步:在 .jsp/html 里导入包:在 </ head > 前面加入以下几句即可
<link href="<%=path%>/ext/resources/css/ext-all.css" rel="stylesheet"
??????????????????????????? type="text/css" />
?????????????????? <script type="text/javascript"
??????????????????????????? src="<%=path%>/ext/adapter/ext/ext-base.js" charset="GBK">
???????? ???????? </script>
?????????????????? <script type="text/javascript" src="<%=path%>/ext/ext-all.js" charset="GBK">
?????????????????? </script>
?????????????????? <script type="text/javascript" src="<%=path%>/test0512/test1.js" charset="GBK">
?????????????????? </script><!-- 这里指明你编写的