当一个依赖于另一个的内容时渲染2个元素

弗朗切斯科

我有一个selectOneRadio,可以选择“语音”和“数据”。

然后,我有一个selectOneMenu,其中两个选项都带有“无数据选项”,其他选项则取决于所选的单选按钮。

因此,如果我选择“语音”,则在“无数据选项”,“ Office”,“ Office premium”和“ Office premium plus”下拉菜单中有,而如果我选择“数据”,则有“无数据选项”,“数据开始”, “数据媒介”和“数据溢价”。

我使用f:ajax解决了自动下拉内容更改,并且效果很好。

现在,如果在下拉菜单中选择了“无数据选项”,则将显示警告(下拉菜单附近的小文本)。

因此,我定义了outputLabel并根据下拉菜单中所选项目的值来设置值。

一切正常,直到我在单选按钮中更改选择为止。例如:-页面加载,默认情况下选择“语音”和“无数据选项”,并显示警告标签。-在下拉菜单中选择“办公室”,警告消失-然后选择“数据”;下拉列表会刷新并显示新项目,并选择“无数据选项”,但不会出现警告。

如果我在下拉菜单中选择其他项目,然后返回“无数据选项”,则会出现;只是当我从“语音”切换到“数据”(反之亦然)时,由于某种原因,渲染无法正常工作...

这是我的代码;首先是带有对应ajax的单选按钮,用于呈现下拉菜单,然后是带有相应ajax的下拉菜单,用于呈现警告标签,最后是标签,其值取决于下拉菜单中的所选项目。

我希望我对问题的描述足够清楚。如果没有,请问一下,我会更精确的说:)

<h:selectOneRadio id="subscriptionType" value="#{detailModel.afterObject.subscriptionType}">
    <f:selectItems value="#{detailModel.subscriptionTypeValues}" />

    <f:ajax execute="@this" render="dataOptions" />
</h:selectOneRadio>


<h:selectOneMenu id="dataOptions" value="#{detailModel.dataOption}">
    <f:selectItems value="#{detailModel.dataOptionsBySubscriptionType}" var="sdo" itemLabel="#{sdo.dataOptionName}" itemValue="#{sdo}"/>
    <f:converter converterId="ch.ethz.id.cmn.DataOptionConverter" />

    <f:ajax execute="@this" render="noDataOptionChoosenLabel" />
</h:selectOneMenu>


<h:outputLabel id="noDataOptionChoosenLabel"
    value="#{ (detailModel.dataOption == null or detailModel.dataOption.dataOptionName == detailModel.noDataOption) ? msg.subscriptionFormNoDataOptionChoosen : ''}"
    style="font-style: italic; font-size:9px; color:red;"/>
贾钦·哈加(Jaqen h'ghar)

我认为您希望ajax事件通过组件“传播”,这会很好,但它不会那样工作。您必须手动更新和重置它们。

因此,在顶层(广播),您必须重置detailModel.dataOption并呈现其他两个组件:

<f:ajax listener="#{detailModel.resetDataOption}"
        render="dataOptions noDataOptionChoosenLabel" 
        />

(您可以省略execute =“ @ this”,因为它是默认设置)

public void resetDataOption(AjaxBehaviorEvent event) {
    dataOption=null;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过 XPath 选择依赖于另一个元素的元素

来自分类Dev

WPF 按钮位置依赖于另一个元素

来自分类Dev

如何编写一个依赖于另一个插件的任务的插件?

来自分类Dev

如何使一个选择的选项依赖于另一个?

来自分类Dev

创建一个依赖于另一个Pod的Pod

来自分类Dev

在cmake中,如何使一个目标依赖于另一个目标?

来自分类Dev

使一个任务依赖于另一个任务

来自分类Dev

如何指定一个项目依赖于另一个项目?

来自分类Dev

测试一个对象是否依赖于另一个对象

来自分类Dev

PHPUnit测试一个依赖于另一个方法的方法

来自分类Dev

一个CSS类依赖于另一个

来自分类Dev

在cmake中,如何使一个目标依赖于另一个目标?

来自分类Dev

Django:一个modelChoiceField 依赖于另一个modelChoiceField

来自分类Dev

当一个承诺依赖于另一个时,Bluebird的Promise.all()方法

来自分类Dev

如何让两个垂直元素之一的高度依赖于另一个?

来自分类Dev

猫鼬-插入两个集合:一个集合依赖于另一个集合

来自分类Dev

两个异步任务-一个依赖于python中的另一个

来自分类Dev

构造对象,其属性之一依赖于另一个。在C ++中

来自分类Dev

SBT-如何使InputTask依赖于一个任务而最终依赖于另一个任务

来自分类Dev

如何编写依赖于另一个定义文件的打字稿定义文件

来自分类Dev

测试依赖于另一个机架服务的机架服务

来自分类Dev

使用依赖于另一个属性的属性初始化对象

来自分类Dev

如何使rake任务依赖于文件和另一个任务

来自分类Dev

通过依赖于另一个绑定的绑定

来自分类Dev

如何使参数的默认值依赖于另一个参数(在Python中)?

来自分类Dev

插入查询依赖于另一个表

来自分类Dev

强制自动完成依赖于另一个人的结果

来自分类Dev

使用WebEngine执行多个脚本(或依赖于另一个脚本的脚本)

来自分类Dev

如何使uploadArchives依赖于另一个任务?

Related 相关文章

  1. 1

    如何通过 XPath 选择依赖于另一个元素的元素

  2. 2

    WPF 按钮位置依赖于另一个元素

  3. 3

    如何编写一个依赖于另一个插件的任务的插件?

  4. 4

    如何使一个选择的选项依赖于另一个?

  5. 5

    创建一个依赖于另一个Pod的Pod

  6. 6

    在cmake中,如何使一个目标依赖于另一个目标?

  7. 7

    使一个任务依赖于另一个任务

  8. 8

    如何指定一个项目依赖于另一个项目?

  9. 9

    测试一个对象是否依赖于另一个对象

  10. 10

    PHPUnit测试一个依赖于另一个方法的方法

  11. 11

    一个CSS类依赖于另一个

  12. 12

    在cmake中,如何使一个目标依赖于另一个目标?

  13. 13

    Django:一个modelChoiceField 依赖于另一个modelChoiceField

  14. 14

    当一个承诺依赖于另一个时,Bluebird的Promise.all()方法

  15. 15

    如何让两个垂直元素之一的高度依赖于另一个?

  16. 16

    猫鼬-插入两个集合:一个集合依赖于另一个集合

  17. 17

    两个异步任务-一个依赖于python中的另一个

  18. 18

    构造对象,其属性之一依赖于另一个。在C ++中

  19. 19

    SBT-如何使InputTask依赖于一个任务而最终依赖于另一个任务

  20. 20

    如何编写依赖于另一个定义文件的打字稿定义文件

  21. 21

    测试依赖于另一个机架服务的机架服务

  22. 22

    使用依赖于另一个属性的属性初始化对象

  23. 23

    如何使rake任务依赖于文件和另一个任务

  24. 24

    通过依赖于另一个绑定的绑定

  25. 25

    如何使参数的默认值依赖于另一个参数(在Python中)?

  26. 26

    插入查询依赖于另一个表

  27. 27

    强制自动完成依赖于另一个人的结果

  28. 28

    使用WebEngine执行多个脚本(或依赖于另一个脚本的脚本)

  29. 29

    如何使uploadArchives依赖于另一个任务?

热门标签

归档