将 jquery 移动自定义选择菜单与 JSF 集成答案

【问题标题】：Integrate jquery mobile custom select menu with JSF将 jquery 移动自定义选择菜单与 JSF 集成
【发布时间】：2011-12-13 17:36:29
【问题描述】：

我正在尝试通过集成 jquery mobile 将我们现有的 JSF 应用程序转换为移动设备。具体来说，我想使用自定义选择菜单，所以它会弹出而不是下拉菜单，如下所示：http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html。 JSF 提供 SelectOneMenu 以便从支持 bean 动态检索数据，但这显然不是预期的效果。有没有办法从支持bean动态填充jquery mobile select？下面是没有 jsf 的代码，我想用支持 bean 的值替换选项。

谢谢！

<select name="select1" id="select1" data-native-menu="false" data-theme="l">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
</select>

【问题讨论】：

标签： java jsf jquery-mobile

【解决方案1】：

恕我直言，您应该将 jQM 升级到版本 1.0 和 jQuery 1.6.4

大声思考你可以尝试这样的事情。

保持选择菜单不变（您的应用程序如何呈现 HTML）

您可以使用以下方式动态添加 jQM 标记：

//refresh and force rebuild
$('select').selectmenu('refresh', true);

文档：

http://jquerymobile.com/demos/1.0/docs/forms/selects/methods.html

【讨论】：

我认为这不能完全回答我的问题，但感谢您的尝试。我发现如果不使用 jsf 组件（如 SelectOneMenu 或类似的 3rd 方组件（trinidad、primefaces）），就没有简单的方法来更新 select 语句。