如何根据另一个中的值显示字段

时间:2012-05-04 14:58:49

标签: salesforce apex-code visualforce

我有一个问题,我似乎无法找到解决方案。

我正在做女巫的VF页面我想根据用户在其他字段中插入的数字来显示字段。例如,如果用户在字段“A”中插入2,则它将在同一页面中显示两个字段。

// Page
<apex:page standardController="Assure__c" extensions="insEnfant"
standardStylesheets="true">
<apex:sectionHeader title="Ajouter un assuré"
    subtitle="{!$User.FirstName}" help="/help/doc/user_ed.jsp?loc=help"></apex:sectionHeader>
<apex:form>
    <apex:pageBlock title="Nouveau assuré" id="thePageBlock" mode="edit">
        <apex:pageBlockButtons>
            <apex:commandButton action="{!save}" value="Enregistrer"></apex:commandButton>
            <apex:commandButton action="{!cancel}" value="   Annuler   "></apex:commandButton>
        </apex:pageBlockButtons>
        <apex:pageBlockSection title="General Information" columns="2">
            <apex:pageBlockSection id="liste1" columns="1">
                <apex:inputField value="{!Assure__c.Civilite__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Nom__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Prenom__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Nom_de_jeune_fille__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Date_de_naissance__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Lieu_de_naissance__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Pays_de_naissance__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Nationalit__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Situation_Familiale__c}"></apex:inputField>

                <apex:inputField value="{!Assure__c.Numero_de_securit_sociale__c}"></apex:inputField>
            </apex:pageBlockSection>
            <apex:pageBlockSection id="liste2" columns="1">
                <apex:inputField value="{!Assure__c.Telephone_bureau__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Telephone_personnel__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Portable__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Adresse_e_mail__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Adresse__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Code_postal__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Ville__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Pays__c}"></apex:inputField>
                <apex:inputField value="{!Assure__c.Pays__c}"></apex:inputField>


                <apex:pageBlockSectionItem>
                    <apex:outputLabel value="Nombre d'enfants" />
                    <apex:outputPanel>
                        <apex:inputField value="{!Assure__c.Nombre_enfants__c}">
                            <apex:actionSupport event="onchange" rerender="thePageBlock"
                                status="statut1" />
                        </apex:inputField>
                        <apex:actionStatus startText="Application..." id="statut1" />
                    </apex:outputPanel>
                </apex:pageBlockSectionItem>

                <apex:pageBlockSectionItem>
                    <apex:outputLabel
                        value="{!$ObjectType.Assure__c.fields.Etudes_superieures__c.label}" />
                    <apex:outputPanel>
                        <apex:inputField value="{!Assure__c.Etudes_superieures__c}">
                            <apex:actionSupport event="onchange" rerender="thePageBlock"
                                status="statut2" />
                        </apex:inputField>
                        <apex:actionStatus startText="Application..." id="statut2" />
                    </apex:outputPanel>
                </apex:pageBlockSectionItem>

                <apex:pageBlockSectionItem>
                    <apex:outputLabel value="Service militaire" />
                    <apex:outputPanel>
                        <apex:inputField value="{!Assure__c.Service_militaire__c}">
                            <apex:actionSupport event="onchange" rerender="thePageBlock"
                                status="statut3" />
                        </apex:inputField>
                        <apex:actionStatus startText="Application..." id="statut3" />
                    </apex:outputPanel>
                </apex:pageBlockSectionItem>
            </apex:pageBlockSection>

        </apex:pageBlockSection>

        <apex:pageBlockSection
            title="Entrez le niveau d'études supérieures atteint" columns="1"
            rendered="{!(Assure__c.Etudes_superieures__c)}">

            <apex:inputField value="{!Assure__c.Type_etudes__c}"></apex:inputField>
            <apex:inputField value="{!Assure__c.Diplome_obtenu__c}"></apex:inputField>
            <apex:inputField value="{!Assure__c.Nombre_annees__c}"></apex:inputField>
        </apex:pageBlockSection>

        <apex:pageBlockSection
            title="Entrez les informations concernant le service militaire"
            columns="1" rendered="{!(Assure__c.Service_militaire__c)}">

            <apex:inputField value="{!Assure__c.Type_de_service__c}"></apex:inputField>
            <apex:inputField value="{!Assure__c.Date_de_debut__c}"></apex:inputField>
            <apex:inputField value="{!Assure__c.Date_de_fin__c}"></apex:inputField>
        </apex:pageBlockSection>

        <apex:pageBlockSection title="Liste des enfants" columns="1"
            rendered="{!IF(Assure__c.Nombre_enfants__c > 0, true, false)}">

            <apex:pageBlockTable value="{!accts}" var="a" id="table">
                <apex:facet name="footer">
                    <apex:commandLink value="Ajouter" action="{!addRow}"
                        rerender="table,error" />
                </apex:facet>
                <apex:column headerValue="Nom">
                    <apex:inputField value="{!a.Name}" />
                </apex:column>
                <apex:column headerValue="Prénom">
                    <apex:inputField value="{!a.Prenom__c}" />
                </apex:column>
                <apex:column headerValue="Né le">
                    <apex:inputField value="{!a.Date_de_naissance__c}" />
                </apex:column>
                <apex:column headerValue="Lieu de naissance">
                    <apex:inputField value="{!a.Lieu_de_naissance__c}" />
                </apex:column>
                <apex:column headerValue="Situation">
                    <apex:inputField value="{!a.Situation__c }" />
                </apex:column>
            </apex:pageBlockTable>

        </apex:pageBlockSection>
        </apex:pageblock>
</apex:form>
</apex:page>

// Controller

public class insEnfant{

public List<Enfants__c> accts {get; set;}

public insererEnfant(){
    accts = new List<Enfants__c>();
    accts.add(new Enfants__c());
}

public void addrow(){
    accts.add(new Enfants__c());
}

public PageReference save(){
    insert accts;
    PageReference home = new PageReference('/home/home.jsp');
    home.setRedirect(true);
    return home;
}
}

有人可以帮我吗?

谢谢!

3 个答案:

答案 0 :(得分:0)

如果你想以动态方式添加Html,我认为你应该使用Javascript或像JQuery这样的Javascript框架,但是我无法得到你打算做的事情。

请更具体一点。您要添加哪种类型的文件?那些输入字段?或将是outputFields?你能事先知道要显示的信息吗?

也许你可以使用apex组件并在执行javascript请求时重新渲染它。

答案 1 :(得分:0)

您是否根据一个字段中的输入进行查看,是否允许/不允许显示其他字段?

您可以拥有要显示的所有字段,并使用呈现的标记控制该字段的可见性。

  <apex:outputField value="{!item.field1__c}" >
                         <apex:actionSupport event="onchange" action="{!displayOtherCols}" rerender="mainBlock2"/>  
  </apex:outputField>

<apex:column headerValue="Name" >
                <apex:outputField value="{!item.field2__c}"  rendered="{!(item.field1__c == 'option1')}" />
<apex:outputField value="{!item.field3__c}"  rendered="{!(item.field1__c == 'option2')}" />
            </apex:column>

您可以使用actionsupport调用一个方法来处理和设置应该呈现哪些字段。在这个例子中,我直接检查字段的值,你可以这样做或在displayothercols方法中设置一个布尔变量的值,并使用该变量来渲染字段。确保你重新报名。

在此示例中,如果field1具有“option1”,则显示另一个字段field2,如果field1为“option2”,则显示field3

希望这会有所帮助..

祝你好运

答案 2 :(得分:0)

一种解决方案是将rerender与表结构结合使用。您需要在控制器中建立一个集合(下面标记为“dataCollection”)。此集合驱动显示的内容和将捕获的内容。

<apex:actionRegion>
  <apex:inputField value="{!controllerObject.NumRows__c}">
    <apex:actionSupport event="onchange" action="{!refresh}" rerender="dynamicTablePanel"/>
  </apex:inputField>
</apex:actionRegion>

<apex:outputPanel id="dynamicTablePanel">
  <apex:pageBlockTable id="dynamicTable" value="{!dataCollection}" var="dataRow"
    columns="2">

    <apex:column headerValue="Column A" title="">
      <apex:inputField value="{!dataRow.ColumnA__c}" />
    </apex:column>

    <apex:column headerValue="Column B" title="">
      <apex:inputField value="{!dataRow.ColumnB__c}" />
    </apex:column>

  </apex:pageBlockTable>
</apex:outputPanel>

这将需要控制器中的额外工作。您必须处理刷新操作,以根据需要添加或删除收集记录。您还必须处理“保存”按钮;您必须保存控制器记录,并循环收集项目并将其保存在某处。我建议使用子对象进行收集。