布尔复选框,设置文本字段的值

我试图创建一个窗体,您可以通过primefaces滑块组件给出一个范围,并可以选择精确或不精确的上限(即范围的上限可以是1000或> 1000)。 范围的可选性通过复选框指示。

在一个表单中,我有以下组件:

<p:outputLabel value="From 1:"  />
<p:inputText style="display: block;margin-bottom: 3px;" id="lower" value="#{dilution.lower}" />
<p:outputLabel value="To 1:" />
<p:inputText style="display: block;margin-bottom: 3px;" widgetVar="upp" id="upper" value="#{dilution.upper}" />
<p:outputLabel value="Greater than 1000" for="above1000" />
<p:selectBooleanCheckbox id="above1000" value="#{dilution.bigger}" valueChangeListener="#{dilution.above}"  >
    <p:ajax update="upper" />
</p:selectBooleanCheckbox>
<h:outputText style="display: block;" id="displayRange" value="Choose from intervall 1:1 till 1:1000"/>                        
<p:slider id="dfact" displayTemplate="For intervall 1:{min} till 1:{max}" for="lower,upper" range="true" step="1" minValue="1" maxValue="1000" />

当复选框被选中时,我希望上限文本字段中的值更改为1000,如果未选中,我不希望它更改文本字段的值。

我几乎得到了这个工作使用附加到复选框的valueChangeListner。

在后台bean dilution我有以下valueChangeListner:

public void above(ValueChangeEvent event){
    if((Boolean)event.getNewValue()){
        upper = 1000;
    }        
}

其设置文本框的值upper为1000。我的问题是,它这样做,如果我的文本框的值更改为其它数字,然后取消选中文本框。

我猜这是因为upper后备bean值仍然是前一次设置为1000。 我试图使Ajax调用过程中, upper这样的组件:

<p:ajax update="upper" process="upper" />

因为我认为这会使它在更新之前处理upper组件(并因此根据文本字段中写入的内容更改后备bean值)。 但是当我这样做时,textfield根本就没有设置。

然后我觉得可能使用JavaScript来做这件事更有意义,避免对服务器的任何不必要的调用,但不知道如何去做。 我考虑过使用widgetVar但我找不到任何文档向我展示如何使用它。

此外,如果更改文本字段中的值更改了滑块的设置位置,但这不太重要。

任何提示什么是最好的方法来做到这一点?


你试图做的方式是不正确的。

我已经为你重写了这个例子

XHTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:fn="http://java.sun.com/jsp/jstl/functions">

<h:head>
    <title>Demo</title>
    <script type="text/javascript">

</script>
    <link rel=" stylesheet" type="text/css" href="css/style.css"></link>

    <h:body>
        <h:form id="form">
            <p:panel header="Form">

                <h:panelGrid columns="2">

                    <h:outputText value="From:" />
                    <p:inputText value="#{testBean.lower}" id="lower"></p:inputText>

                    <h:outputText value="To:" />
                    <p:inputText value="#{testBean.upper}" id="upper"></p:inputText>

                    <h:outputText value="Change Upper to Max" />
                    <p:selectBooleanCheckbox value="#{testBean.maxUpper}">
                        <p:ajax event="change" listener="#{testBean.chageMax}"
                            update=":form:upper"></p:ajax>
                    </p:selectBooleanCheckbox>

                    <h:outputText style="display: block;" id="displayRange"
                        value="Choose from intervall 1:1 till 1:1000" />
                    <p:slider id="dfact"
                        displayTemplate="For intervall 1:{min} till 1:{max}"
                        for=":form:lower,:form:upper" range="true" step="1" minValue="1"
                        maxValue="1000" />
                </h:panelGrid>

            </p:panel>
        </h:form>

    </h:body>

</h:head>

</html>

受管豆(后豆)

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name = "testBean")
@SessionScoped
public class TestBean {

    private int lower;
    private int upper;
    private boolean maxUpper;

    public void chageMax() {
        if (maxUpper) {
            upper = 1000;
        } else {
            upper = 0;
        }
    }

    public boolean isMaxUpper() {
        return maxUpper;
    }

    public void setMaxUpper(boolean maxUpper) {
        this.maxUpper = maxUpper;
    }

    public int getLower() {
        return lower;
    }

    public void setLower(int lower) {
        this.lower = lower;
    }

    public int getUpper() {
        return upper;
    }

    public void setUpper(int upper) {
        this.upper = upper;
    }
}

生成的输出

我希望它有帮助。

链接地址: http://www.djcxy.com/p/68547.html

上一篇: Boolean checkbox, set value of textfield

下一篇: Having a checkboxes inside Listbox of jsf or primefaces