标准 JSF 2.0 组件集中的 AutoSuggest 组件
标准 JSF 2.0 组件集中是否有类似 Google 的自动建议输入组件?
Is there a Google-like autosuggest input component in standard JSF 2.0 component set?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
标准 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:<rich:autocomplete>
<p:autoComplete>
<o:suggestionField>
<ice:selectInputText>
(note: all tags above are clickable and show you the online demo)
如果您不希望将组件库添加到 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/