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，运行成功显示：

巴特西

ExtJS5.0 菜鸟的第一天

最新文章

热门文章