标准 JSF 2.0 组件集中的 AutoSuggest 组件

发布于 2024-12-06 20:57:07 字数 45 浏览 0 评论 0原文

标准 JSF 2.0 组件集中是否有类似 Google 的自动建议输入组件?

Is there a Google-like autosuggest input component in standard JSF 2.0 component set?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

审判长 2024-12-13 20:57:07

标准 JSF < /code> 组件集没有这样的组件。它提供的只是基本的 HTML 元素。自动建议字段基本上是创建和定位的项目的

  • 的组合由 JavaScript 编写,由 Ajax 填充,由 CSS 的精彩镜头设计样式。这不是一个基本的 HTML 元素。

如果您是 JSF 新手,那么实现您自己的 JSF 并不是一件容易的事。最简单的方法是创建一个带有 复合组件 和自己添加必要的 JS/CSS 代码。幸运的是,存在 JSF 组件库,它只是在标准 JSF 组件之上添加了额外的内容,并且通常已经提供了这样的现成组件。例如:

(注意:以上所有标签均可点击并向您展示在线演示)

The standard JSF <h:xxx> component set doesn't have such a component. All it offers are just basic HTML elements. An autosuggest field is basically a combination of an <input type="text"> and an <ul><li> of items which is created and positioned by JavaScript and filled by Ajax and styled by a good shot by CSS. This is not a single basic HTML element.

Implementing your own isn't exactly trivial if you're new to JSF. Simplest would be to create a composite component with a <h:inputText> and add the necessary JS/CSS code yourself. Fortunately, there exist JSF component libraries which adds just that extra on top of the standard JSF components and often already provides such a component out the box. For example:

(note: all tags above are clickable and show you the online demo)

难以启齿的温柔 2024-12-13 20:57:07

如果您不希望将组件库添加到 JSF 项目中,您可以集成 jQuery 自动完成小部件。这是一个客户端 JavaScript 解决方案,与服务器端技术无关。因此,添加此小部件对您的服务器端代码几乎没有影响。

http://jqueryui.com/demos/autocomplete/

If you don't wish to add a component library to your JSF project, you could instead integrate the jQuery autocomplete widget. This is a client-side JavaScript solution which is agnostic to the server-side technology. Adding this widget will therefore have little on no impact on your server-side code.

http://jqueryui.com/demos/autocomplete/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文