电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: Ajax 组件（1）JSF 自动完成自定义组件 [打印本页]

作者: look_w 时间: 2018-9-14 13:14 标题: Ajax 组件（1）JSF 自动完成自定义组件

JSF 自动完成自定义组件因谷歌搜索字段而闻名的自动完成字段（也称作建议框）是许多 Web 应用程序的组合。它们也是 Ajax 的典型应用。自动完成字段随带了许多 Ajax 框架，比如 Scriptaculous 和 JQuery，如 — AjaxDaddy 的自动完成组件集成（参阅）— 所示：
图 1. AjaxDaddy 自动完成组件

本文将讨论如何使用 JSF 来实现支持 Ajax 的自动完成字段。您将了解如何实现如所示的自动完成字段，其中将显示一个简短的虚拟国家列表（选自 Wikipedia 的“虚拟国家列表”一文；请参阅）：
图 2. 自动完成字段

和显示了运行中的自动完成字段。在图 3 中，在字段中输入 Al 之后，国家列表将缩减至使用这两个字母开头的名称：
图 3. 使用 Al 开头的完成项目

同样，显示了在字段中输入 Bar 之后显示的结果。列表仅显示以 Bar 开头的国家名。
图 4. 以 Bar 开头的完成项目

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)