【问题标题】:How to know that primefaces selectBooleanCheckbox is selected or not using javascript?如何知道选择了primefaces selectBooleanCheckbox 是否使用javascript?
【发布时间】:2016-11-25 04:40:12
【问题描述】:

我想获取p:selectBooleanCheckbox 组件并使用javascript检查它是否被选中

<h:dataTable value="#{controller.list}" var="item">
    <h:column>
        <f:facet name="header">Ratio1</f:facet>
        <h:panelGrid columns="2">
            <p:inputText id="ratio1" readonly="#{true}" disabled="true" styleClass="ratio1"/>
            <h:outputText value="%" />
        </h:panelGrid>
        <p:selectBooleanCheckbox id="report1"  onchange="calculateTotalRatio()" value="#{controller.value}" valueChangeListener="#{fISHController.onCaseTestItemPatternReportFlagChange()}">    
        </p:selectBooleanCheckbox>          
    </h:column>

我想在 calculateTotalRatio() 函数上检查复选框是否被选中,并根据它更新 ratio1 输入文本的值

【问题讨论】:

  • 请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样,很难准确地说出你在问什么。请参阅How to Ask 页面以获得澄清此问题的帮助。
  • @ZakariaAcharki 我添加了我的代码示例,抱歉我还是 stackoverflow 的初学者

标签: javascript html primefaces


【解决方案1】:

您可以定义您的 selectBooleanCheckbox 的 widgetVar

<p:selectBooleanCheckbox id="check" widgetVar="myCheckbox" value="#{myBacking.value}"/>

在js中可以通过这些方式访问Primefaces对象

directly with myCheckbox
PF("myCheckbox")
window["myCheckbox"]
PrimeFaces.widgets["myCheckbox"]

所以,要获得复选框状态,您可以使用

myCheckbox.input.is(':checked')
PF("myCheckbox").input.is(':checked')
window["myCheckbox"].input.is(':checked')
PrimeFaces.widgets["myCheckbox"].input.is(':checked')

【讨论】:

  • @Thanks,但如果它在数据表中则无法正常工作
  • @RaiedRaafat:然后通过 varStatus,将索引添加到 widgetVar 名称中。应该管用。而window["myCheckbox"] 很可能只适用于较旧的 PF 版本或打开兼容模式(如果我是对的)。因为如果我没记错的话,您也可以直接以myCheckbox.input.is... 访问它
  • @Kukeltje 你确定 h:dataTable 有一个 varStatus 吗? p:dataTable 有一个可以使用的 rowIndexVar,用于 h:dataTable BalusC suggests to bind the dt with a backingbean 中的 rowIndex。
  • 不,抱歉,我错了……我的意思确实是 rowIndexVar,但即使这样也只能在 PrimeFaces 中使用。但是由于 OP 无论如何都在使用 PF... ;-)
  • @ Kukeltje @ BalusC ,非常感谢它现在可以工作了:)
猜你喜欢
  • 1970-01-01
  • 2021-05-31
  • 2014-11-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-12
  • 1970-01-01
相关资源
最近更新 更多