topic Re: condition for Widget on create mode in Nuxeo Forum

condition for Widget on create mode

ITShine_ — Thu, 03 Dec 2015 10:32:25 GMT

I'm using Nuxeo IDE , and i want to display a drop down list in my creation layout form , this drop down list should be displayed only if another drop down list is filled with a certain value , can anyone show me how to do that , normally i should use JavaScript but i don't know how to use with my widgets . In this link i could find an example but only for Nuxeo studio

With the code below, the drop down list is displayed only after saving the document, so we have to edit it in order to fill the field, but i want to have the drop down list displayed while i'm creating the document :

<widget name="civilite" type="suggestOneDirectory">
        <labels>
          <label mode="any">Civilité</label>
        </labels>
        <translated>true</translated>
        <fields>
          <field>rens:civilite</field>
        </fields>
        <properties mode="any">
          <property name="width">300</property>
          <property name="labelFieldName">label_{lang}</property>
          <property name="dbl10n">true</property>
          <property name="minChars">0</property>
          <property name="hideHelpLabel">true</property>
          <property name="directoryName">civilite_directory</property>
          <property name="keySeparator">/</property>
          <property name="placeholder">Civilité</property>
          <property name="documentSchemas">dublincore,layout_demo_schema</property>
          <property name="repository">default</property>
        </properties>
        <controls mode="any">
          <!-- enable ajax submit on change/click/select on demo application -->
          <control name="supportInsideInputWidgetEffects">true</control>
	</controls>
	<widgetModes>
		  <mode value="any">#{layoutValue.rens.statut=='Prospect'?'create':'hidden'}</mode>
		</widgetModes>
    </widget>

**Here is what i have in my layout : **

<widget name="civilite" type="template">
        <labels>
          <label mode="any">
            Civilité 
          </label>
        </labels>
        <helpLabels>
          <label mode="any">
            label.local.configuration.theme.flavorSelection.help
          </label>
        </helpLabels>
        <translated>true</translated>
        <fields>
          <field>rens:civilite</field>
        </fields>
        <properties mode="any">
          <property name="template">
            /widgets/select_flavor_widget_template.xhtml
          </property>
           
          
      </widget>

**For displaying values of the first drop down list in JSF , i've done this : ** select_flavor_widget_template.xhtml

<h:form>
  <h:panelGrid columns="3" styleClass="dataInput"
      columnClasses="labelColumn, fieldColumn, fieldColumn">
      
	 <h:selectOneMenu id="thekeywords" value="#{field}">
        <f:selectItems value="#{ocrManager.availableCivilites}" />
      </h:selectOneMenu>
      <h:commandButton action="#{ocrManager.changeData}"
        value="Valider" />
	</h:panelGrid>
 </h:form>

and in bean :

private String civilite;
    protected List<SelectItem> civiliteList;
    
    public String getCivilite() {
        if (civilite == null) {
            return "";
        } else {
            return civilite;
        }
    }

    public void setCivilite(String s) {
    	civilite = s;
    }

    public List<SelectItem> getAvailableCivilites() throws ClientException {
        if (civiliteList == null) {
            computeciviliteValues();
        }
        return civiliteList;
    }
    
    private void computeciviliteValues() throws ClientException {
        DirectoryService dirService;
        try {
           
            dirService = Framework.getLocalService(DirectoryService.class);
        } catch (Exception e) {
            throw new ClientException(e);
        }

        Session dir = null;
        try {
            dir = dirService.open("civilite_directory");
            DocumentModelList entries = dir.getEntries();
            civiliteList = new ArrayList<SelectItem>(entries.size());
            for (DocumentModel e : entries) {
                String value = (String) e.getProperty("civilite", "id");
                String label = (String) e.getProperty("civilite", "label_fr");
                SelectItem item = new SelectItem(value, label);
                civiliteList.add(item);
            }
        } finally {
            if (dir != null) {
                dir.close();
            }
        }
    }
    @Observer(value = { EventNames.DOCUMENT_SELECTION_CHANGED }, create = false)
    public void resetCiviliteValues() {
    }
public void changeData() throws ClientException {
        
    		DocumentModel doc = navigationContext.getCurrentDocument();
        	
        	// create an empty document model (this object is created in memory - it is not yet stored in the repository)
        	DocumentModel document = documentManager.createDocumentModel(doc.getPathAsString(), title, "renseignements");
        	
        	// now set some basic properties like a title and a description.
        	
            
            document.setProperty("renseignements", "civilite", civilite);

            documentManager.saveDocument(document);
    	    documentManager.save();
    		
        }

So now the value of the first drop down list is saved in rens:civilite , now i'm looking for a way to change dynamically the visibility of the second drop down list based on the the value of the first one and how i should add in my layout in order to be saved in rens:nbrenfants

Re: condition for Widget on create mode

Anahide_Tchertc — Fri, 04 Dec 2015 09:13:38 GMT

Hi,

It seems that you are looking for https://doc.nuxeo.com/x/Phw5AQ (if you'd like the drop down to be displayed or hidden in Ajax in the current view).

Using JavaScript to hide or show the widget would not make it possible to control the field validation (in case the value is required for instance, if the widget is hidden only in JavaScript, this validation would still be performed). That is why this documentation is using Ajax requests to show or hide the widget in the page.

Hope this helps

Re: condition for Widget on create mode

ITShine_ — Mon, 07 Dec 2015 17:35:53 GMT

Thank you [Anahide Tchertchian](https

Re: condition for Widget on create mode

Greg_Drayon — Tue, 08 Dec 2015 08:54:33 GMT

There aren't that many used classes, if you look at the [first use case](https

Re: condition for Widget on create mode

ITShine_ — Tue, 08 Dec 2015 12:37:46 GMT

Thank you [Greg Drayon](https

Re: condition for Widget on create mode

Greg_Drayon — Tue, 08 Dec 2015 14:38:07 GMT

At first sight, I would say that your the keywords selectOneMenu is linked to your bean for its value, but is not linked to a metada property to be saved.

Re: condition for Widget on create mode

ITShine_ — Tue, 08 Dec 2015 15:21:18 GMT

[Greg Drayon](https

Re: condition for Widget on create mode

Greg_Drayon — Wed, 09 Dec 2015 08:44:13 GMT

I think a little more information is need about how you want it to work.

Re: condition for Widget on create mode

ITShine_ — Wed, 09 Dec 2015 09:13:23 GMT

Thank you [Greg Drayon](https

Re: condition for Widget on create mode

ITShine_ — Wed, 09 Dec 2015 16:51:18 GMT

Thank you so much [Greg Drayon](https

Re: condition for Widget on create mode

Greg_Drayon — Thu, 10 Dec 2015 08:47:58 GMT

Maybe something like this? It's just a rough draft.

Re: condition for Widget on create mode

Greg_Drayon — Thu, 10 Dec 2015 08:51:22 GMT

My bad, it was a copy/paste mistake. I edited to what I think should do the trick. I have to say that I don't have what to test right know, nor do I know what selectedCiviliteValue hold as value. So "ocrManager.getCiviliteById()" is just a guess of what should be used.

Re: condition for Widget on create mode

ITShine_ — Thu, 10 Dec 2015 11:38:37 GMT

I'll try it, thank you [Greg Drayon](https