ExtJS5.0 菜鸟的第一天

1、新项目开始啦，后台用户管理页面涉及到表格数据添加，修改内容比较多。准备用EXTJS框架搞下，对于我这种JS不咋地的人来说，还真是个挑战。整了2天，才搞出一个Hello,world！我也是醉了。。

下载ExtJS; 

1.build 这个文件夹下有真正需要引入的文件

3.examples 官方示例

6.packages 包含了extjs的主题、语言包,css等

8.ext-all 必须引入的核心文件

9.ext-all-debug 未压缩的ext-all文件

其他文件暂时不知道作用。

 2、hello,world!

新建文件hello.html，把ext-all.js packages文件拷到同目录。

 hello.html文件引入ext-all.js及packages目录下ext-locale-zh_CN.js,ext-theme-classic-all.css文件。

hello.html 插入代码

Ext.onReady(function () {
     Ext.Msg.alert('title', 'Hello World!');
 });

 

最终代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hello world</title>
<script src="ext-all.js"></script>
<script src="packages/ext-locale/build/ext-locale-zh_CN.js"></script>
<link href="packages/ext-theme-classic/build/resources/ext-theme-classic-all.css" rel="stylesheet"/>
</head>

<body>
<script type="text/javascript">
 Ext.onReady(function () {
     Ext.Msg.alert('title', 'Hello World!');
 });
</script>
</body>
</html>

 

 

运行hello.html，运行成功显示：

posted @ 2016-01-14 15:09  纳闷儿  阅读(1165)  评论(0)  编辑  收藏  举报