使用 Gaia Ajax Widgets 实现闪电般的 Ajax 开发
0/5 (0投票)
在本文中，Tobin Harris 介绍了一个新的 ASP.NET Ajax 库，并解释了它相对于 Microsoft ASP.NET Ajax 的优势。他演示了一种更简单的 .NET Ajax 应用程序方法，即使对于那些没有扎实 JavaScript 技能的人也适用。
这是我们对 The Code Project 赞助商的展示性评测。这些评测旨在为您提供我们认为对开发人员有用且有价值的产品和服务信息。
ASP.NET 的闪电般快速 Ajax 开发
Gaia Ajax 小部件为您提供了 Microsoft ASP.NET Ajax 的强大替代方案。它提供了一套丰富的控件，用于构建 Ajax 应用程序，同时让您专注于编写 .NET 代码，而无需担心 JavaScript。
在本文中，我将介绍 Gaia 并解释您如何立即从使用它中受益。我还将演示它的一些巧妙功能以及与 Microsoft ASP.NET Ajax 相比的一些优点和缺点。
安装简单
您是否曾努力掌握一个新库或工具包？Gaia 团队的目标是让 Gaia Ajax 小部件变得有趣和简单，因此入门应该易如反掌。
安装只需下载并运行 Gaia Ajax 小部件安装程序。
安装后，您将获得超过 29 个可用的 Ajax 控件和小部件，如图 1 和图 2 所示。
图 1：Gaia 为您提供经过 Ajax 增强的熟悉控件
图 2 展示了 Gaia 中更高级的一些小部件，我将在本文后面讨论。
图 2：高级 Gaia 小部件让您可以为应用程序添加丰富功能
下一步只需在您的应用程序中开始使用这些控件。只需将它们拖到您的页面上并开始编码！
Gaia 与 Microsoft Ajax 的比较
Gaia 控件开箱即用，支持 Ajax。您现在只需将控件拖到表单上，并使用现有知识在代码隐藏页面中编写标准 ASP.NET 代码，即可创建出色的 Ajax 功能。
但这有什么特别之处？为了回答这个问题，让我们将 Gaia 的方法与 Microsoft ASP.NET Ajax 的方法进行比较。
首先，Gaia 不需要 ScriptManager 或 UpdatePanels。相反，每个控件都经过精心重新设计，一旦您将它们放到页面上，就包含了复杂的 Ajax 功能。使用 Gaia 实现 Ajax 功能时不需要 Web Services。
这使得开发快速而有趣，学习曲线非常小。
一个示例页面
为了演示 Gaia 的用法，图 3 和图 4 展示了一个简单的 ASP.NET Web 表单。在这个表单中，用户可以在文本框中输入一些文本。当他们输入每个字母时，这些字母会反向显示在下方。
这个示例的有趣之处在于，反转文本的代码是在代码隐藏的服务器上运行的。绿色标签使用 Gaia Ajax 实时动态更新。
图 3：浏览器中的 ASPX 页面，当用户输入时，酷炫的 Ajax 标签正在更新。
让我们更仔细地看看代码。您会看到我们只有一个方法：TextBoxWord_TextChanged。这是一个事件处理程序，每当用户在 Gaia TextBox 控件中输入一个字母时都会调用它。该处理程序方法从 TextBox 中获取用户的文本，反转它，然后通过设置 Gaia Label 的 Text 属性（第 14 行）在屏幕上显示反转的文本。
图 4：使用 Gaia 的 ASP.NET 代码隐藏——无需 ScriptManager、UpdatePanel、Web Services 或 JavaScript
仅此而已。没有复杂的 JavaScript，没有 UpdatePanels 或 ScriptManagers。Gaia 负责复杂的 JavaScript 和 .NET 管道，以实现 Ajax。
你知道吗？
当您使用 Microsoft Ajax 时，UpdatePanel 的内容在 Ajax 回调后会被完全替换。使用 Gaia，我们使用少量 JavaScript 指令来更新 HTML 文档模型。这使得 Gaia 速度极快且轻量。
无需 JavaScript 管道
根据定义，Ajax 需要复杂的 JavaScript 管道才能使其工作。Gaia 让您忘记所有这些，并专注于使用熟悉的 ASP.NET 方法进行创作。在幕后，Gaia 利用了著名的 Scriptaculous 和 Prototype 库的强大功能。尽管您不会编写 JavaScript，但您可以确信您的应用程序中运行的 JavaScript 是世界一流的。
您甚至不必担心在 ASPX 页面中包含 JavaScript 文件。Gaia 会在运行时智能地完成此操作。它还确保每个页面只包含最少量的压缩 JavaScript，并根据您实际显示的控件计算此值。这使得您的页面轻量且响应迅速。
高级小部件介绍
以下是图 2 中显示的高级小部件的完整列表。
- 树视图
- 富文本编辑器
- 自动完成器
- Menu
- 手风琴
- 日期时间选择器
- Tab Control
- Gaia 窗口
- 向导控件
- 视口
- 鱼眼菜单
- 动态图像
您可以在线查看这些示例。所有示例都包含在我们的免费试用版下载中。
图 5：显示一些自定义构建的可调整大小图表控件的示例页面。
构建您自己的小部件
Gaia 旨在用作构建您自己的定制小部件的构建块。所有 Gaia 控件都不是密封的，因此您可以随意扩展它们。
我们仅用少量代码就构建了这个支持 Ajax 的滑块。Gaia DraggablePanel 构成了基础，我们使用了图像和一些自定义 CSS。当然，该滑块在Gaia 的最新版本中可用，因为这是一个 Ajax 控件。拖动滑块后，我们在服务器端代码中响应事件。这为我们提供了许多选项；我们可以将内容写入数据库或 DataSet，调用 Web 服务，或者简单地使用 Gaia 更新页面上的其他控件。
图 6 - 自定义构建的滑块控件非常容易实现
社区精神
Gaia 正在培养一个优秀的D用户社区。凭借热情的 .NET 粉丝基础、开源 LGPL 许可证和 100% Mono 支持，Gaia 正在受益于大量的开发者反馈。
这意味着快速的论坛响应时间和出色的产品开发速度。
我们期待您加入 Gaia 社区！
90 天退款保证
我们相信您会像许多人一样喜欢我们的库。如果您在购买后 90 天内没有爱上它，我们将退还您的款项！
本文是使用我们喜爱的一些工具制作的：用于屏幕截图的Fastone Screen Capture和用于协作写作的Google Docs Beta。