ExtJS2.0实用简明教程 - 应用ExtJS

迷南。 2021-12-24 12:07 222阅读 0赞

应用extjs需要在页面中引入extjs的样式及extjs库文件，样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基础库，ext-all.js是extjs的核心库。adapter表示适配器，也就是说可以有多种适配器，因此，可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js，或adapter/prototype/ext-prototype-adapter.js等。  
　　因此，要使用ExtJS框架的页面中一般包括下面几句：

<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
     <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>

在ExtJS库文件及页面内容加载完后，ExtJS会执行Ext.onReady中指定的函数，因此可以用，一般情况下每一个用户的ExtJS应用都是从Ext.onReady开始的，使用ExtJS应用程序的代码大致如下：

<script>
     function fn()
     {
       
     alert(‘ExtJS库已加’);
     }
     Ext.onReady(fn);
     </script>

fn也可以写成一个匿名函数的形式，因此上面的代码可以改成下面的形式：

<script>
     function fn()
     {
       
     alert(‘ExtJS库已加载!’);
     }
     Ext.onReady(function ()
     {
       
     alert(‘ExtJS库已加载!’);
     }
     );
    </script>

转载于:https://www.cnblogs.com/licheng/archive/2008/10/22/1317283.html

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关 EXTJS详细教程

布局和容器普通布局 Ext.create('Ext.panel.Panel', { renderTo: Ext.getBody(),

迈不过友情╰/ 2022年11月15日 01:09/ 0 赞/ 176 阅读

相关 Extjs TreePanel的应用

1、点击文本时，checkbox也勾选上：缺点：点击展开或收拢树时，也会勾选上checkbox listeners:{ beforei

小咪咪/ 2022年08月13日 14:59/ 0 赞/ 128 阅读

相关 Extjs之Template简单应用

当项目涉及多语言，对js进行资源化时，某些提示信息可以不重复定义，如“删除xx成功！”。我们可以把这种信息定义成模板new Ext.Template('删除\{0\}成功！')

矫情吗；*/ 2022年08月09日 09:48/ 0 赞/ 2 阅读

相关 ExtJS 4 MVC架构讲解 – ExtJS4中文教程

ExtJS MVC架构讲解本文地址 [http://www.showframework.com/2012/07/extjs-mvc-architecture/][

短命女/ 2022年08月02日 00:17/ 0 赞/ 190 阅读

相关 extjs

1、监听回车键1 onKeyUp : function(e, t) { var me = this, key = e.getKey();

傷城~/ 2022年06月08日 10:25/ 0 赞/ 195 阅读

相关 extjs

转自：百度百科 extjs 编辑 extjs是一种软件。自动生成 [行号][Link 1]，支持 [checkbox][] [全选][Link 2]，动态选择显

深藏阁楼爱情的钟/ 2022年05月25日 13:13/ 0 赞/ 172 阅读

相关 ExtJS2.0实用简明教程 - 应用ExtJS

应用extjs需要在页面中引入extjs的样式及extjs库文件，样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapte

迷南。/ 2021年12月24日 12:07/ 0 赞/ 223 阅读

相关 ExtJS2.0实用简明教程 - ExtJS版的Hello

下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码： <html xmlns="" > <head> <meta

绝地灬酷狼/ 2021年12月24日 12:07/ 0 赞/ 237 阅读

相关三、《ExtJS2.0实用简明教程》之获得ExtJS

要使用ExtJS，那么首先要得到ExtJS库文件，该框架是一个开源的，可以直接从官方网站下载，网址 [http://extjs.com/download][http_extjs

骑猪看日落/ 2021年12月14日 03:49/ 0 赞/ 268 阅读

相关 EXTJS框架

[ ][Link 1] [ExtAspNet v2.1.8 ExtAspNet is a set of professional Asp.net controls

怼烎@/ 2021年11月10日 01:58/ 0 赞/ 283 阅读