首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

构建 Ext JS 扩展和插件(6)

构建 Ext JS 扩展和插件(6)

使用已有 Ext JS 插件找到现有 Ext JS 扩展和插件有很多种方法。第一个(也是最完整的)来源是 Sencha 网站(见 )上的 Ext User Extensions 和 Plug-ins 论坛。还有一个非官方用户扩展库(见 )。多数插件和扩展只是一个 JavaScript 源文件,您可以下载和复制,在您自己的应用程序中使用。这些插件和扩展的使用许可比较宽松,大多数都是免费使用的,但是在一个商业项目中使用之前一定要检查许可证的使用问题。
如果要包括一个已有的扩展或插件,您应该确保在包含了 Ext JS 的源 JavaScript 和 CSS 文件之后再这样做。扩展和插件通常会重写默认 Ext JS 组件功能,因此要求在加载它们之前加载这些组件。
这个 Ext JS 项目示例包括一系列正在运行的定制扩展的演示,在演示中,查看页面的 HTML 源文件,寻找扩展或者插件 JavaScript 源文件的 URL(如果您使用的是 JavaScript,您可以点击链接直接打开源文件)。复制这些代码,粘贴到一个文件中,在您的项目中使用。每个演示都有一个  JavaScript 代码链接,实际上是将这些插件付诸实践,故单击链接观看示例如何运行。
在  中获取 Ext JS 样例的链接,这些样例是构建在用户扩展之上的。
正如您所看到的,大量官方 Ext JS 样例和演示都是建立在用户共享的扩展之上的。用户社区在增强 Ext JS 框架中起到很重要的作用,甚至有几个用户扩展已经变成框架本身的标准组件了。
花一点时间来研究以上演示、看看扩展源代码,获取对扩展和插件的复杂程度的一个正确了解。用户在 Ext JS 中的扩展通常是在名称空间 Ext.ux 中,因此在您试着寻找一个扩展的源代码时要留意这一点。
结束语在本文中,您学习了 Ext JS 扩展和插件开发的基本理论。您也了解了这两个概念的含义、它们之间的不同、以及如何实际创建它们。您创建了一个预配置类,可以节省时间和宝贵的代码行,使应用程序更为高效、更易维护。然后您学习了如何创建一个 Ext JS 扩展 — 子类化 Ext.Window 组件的一个浏览器窗口。您也学习了如何定义新的属性,在子类中调用相应函数,以及如何在您的应用程序代码中使用这个新类。然后,您还学习了如何创建插件,定义强制的 init 函数,以及如何注册插件使其可用于 Ext JS 组件。在本文中学习了这些基础理论之后,您就可以开始学习一些更复杂的 Ext JS 扩展和插件开发的概念了。
返回列表