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

ExtJS5.0 菜鸟的第一天

2016-01-14 15:09 477 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航