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

无废话ExtJs 入门教程二[Hello World]

2016-04-21 08:44 507 查看

extjs技术交流，欢迎加群（201926085)
我们在学校里学习任何一门语言都是从"Hello World"开始，这里我们也不例外。

1.代码如下：

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4     <title></title>
5     <!--ExtJs框架开始-->
6     <script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script>
7     <script type="text/javascript" src="/Ext/ext-all.js"></script>
8     <link rel="stylesheet" type="text/css" href="/Ext/resources/css/ext-all.css" />
9     <!--ExtJs框架结束-->
10     <script type="text/javascript">
11         Ext.onReady(function () {
12             Ext.MessageBox.alert('标题', 'Hello World!');
13         });
14     </script>
15 </head>
16 <body>
17 <!--
18 说明：
19 (1)Ext.onReady():ExtJS Application的入口...就相当于Java或C#的main函数.
20 (2)Ext.MessageBox.alert()：弹出对话框。
21 -->
22 </body>
23 </html>

效果如下：

活到老,学到老,练到老...

分类:
无废话ExtJs系列教程

好文要顶
关注我
收藏该文联系我

李林峰的园子
关注 - 37
粉丝 - 1827

+加关注

12
0

(请您对文章做出评价)

«
上一篇：无废话ExtJs 入门教程一[学习方法]
»
下一篇：无废话ExtJs 入门教程三[窗体：Window组件]

posted on 2012-06-18 14:53
李林峰的园子阅读(31641) 评论(23)

编辑
收藏

发表评论


#1楼
2012-06-24 16:03 |
牛腩

果然是从hello world开始。。哈哈。。
支持(0)反对(0) http://pic.cnblogs.com/face/http://pic.cnblogs.com/face/u41249.jpg

#2楼
2012-06-28 09:19 |
Lordbaby

第一次接触这个东西遇见2个问题

1.一开始提示Ext未定义

百度了一下原来是引用js顺序问题，没按照lz的顺序，- -#

2.对象不支持“createContextualFragment”属性或方法

我浏览器是IE9，又百度了一下加上段代码就好了

if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment) {

Range.prototype.createContextualFragment = function (html) {

var frag = document.createDocumentFragment(),

div = document.createElement("div");

frag.appendChild(div);

div.outerHTML = html;

return frag;

};

}
支持(0)反对(0) http://pic.cnblogs.com/face/http://pic.cnblogs.com/face/u370077.jpg?id=08230802

#3楼[楼主]
2012-06-28 10:22 |
李林峰的园子

@ Lordbaby

浏览器兼容问题确实不好搞，extjs适合开发应用，对于客户浏览器我们产品是有要求的。建议在查询技术问题问谷歌，同样的问题，不一样的结果，谷歌在技术问题方面比较百度好很多。
支持(0)反对(1) http://pic.cnblogs.com/face/http://pic.cnblogs.com/face/u414533.gif?id=31160526

#4楼
2012-06-30 23:11 |
牛腩

开始认真学习。。。。不知道能不能坚持下去。。。
http://test.oncecode.com/q164423073/www/

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

标签：

相关文章推荐

新的分享

章节导航