【发布时间】:2013-08-14 19:09:08
【问题描述】:
我有一个情况,我还没有找到任何问题。
基本上,我必须在输入字段上使用 twitter-bootstrap typeahead。
但是,这个输入字段是一个 JSF inputText 字段,如下所示:
<h:inputText id="arrivalAirport" value="#{searchFlightsBean.arrivalAirport}" styleClass="input-block-level blue-highlight" placeholder="Enter arrival city">
</h:inputText>
不幸的是,twitter-bootstrap typeahead 不适用于 JSF inputText 字段 - 至少,我无法让它工作(如果有 一种方法可以做到这一点,请让我在评论中知道!)。
我不得不在 JSF 表单中使用一个普通的输入字段,像这样:
<input data-provide="typeahead" value="#{searchFlightsBean.departureAirport}" class="input-override input-block-level blue-highlight airportSearch" placeholder="Enter departure city">
</input>
我用预先输入的代码完美地完成了这个工作。
一个问题:bean 没有得到正常输入字段的值——这就是我们最初使用 JSF 的原因。
我需要为 typeahead JS 使用一个普通的输入字段,并且我需要使用一个 JSF inputText 字段来获取 bean 的值。
我有办法做到这一点吗?
【问题讨论】:
-
@mrembisz 不是我想要的,但我确实找到了解决方案,并将其作为该答案的问题发布:)
-
您的问题冗长而令人困惑,但我想您的问题最终归结为:“我怎样才能让
<h:inputText>呈现data-provide="typeahead"属性?” 这是真的吗? -
@BalusC 我只是想解释为什么我会这样做。我已经问过这个问题并确认 typeahead 要么不适用于 JSF,要么该解决方案不值得花时间去寻找。我想我可以通过获取
<input>值,以某种方式将其放入<inputText>并在bean 中获取该值来解决它。这被证明是笨拙和混乱的,所以我找到了另一种方法。
标签: html jsf twitter-bootstrap typeahead