How to hide all containers until two items have values

Hello,

I have a name container that has two fields, both are select items, which drive the file name and *hopefully* will drive some setVisible functionality.

Essentially when the form init's, all containers besides this name one are hidden. Then when both of these selects have values, go ahead and show all the other ones.

DCT Excerpt:

<container name="name" location="name" max="1">
    <label>Release Information</label>
    <item name="experience" pathid="experience" rowcontinue="t">
        <label>Experience</label>
        <select required="t" multiple="t" delimiter=",">
            <option label="Brand" value="Brand" />
            <option label="Commerce" value="Commerce" />
            <option label="Sport" value="Sport" />
        </select>
    </item>
    <item name="release" pathid="release" rowcontinue="t">
        <label>Release</label>
        <select required="t">
            <option label="1A" value="1A" />
            <option label="1B" value="1B" />
            <option label="2A" value="2A" />
            <option label="2B" value="2B" />
        </select>
    </item>
</container>

I tried using an onItemChange for the experience item using:

IWEventRegistry.addFormHandler("/campaign/name/experience", "onItemChange", showItems);

With showItems:

function showItems()
{
	var summaryContainer = IWDatacapture.getItem("/campaign/summary");
	var milestonesContainer = IWDatacapture.getItem("/campaign/milestones");

	var expVal = IWDatacapture.getItem("/campaign/name/experience").getValue();

	if ( expVal != '' )
	{
		summaryContainer.setVisible(true);
		milestonesContainer.setVisible(true);
	}
}

But when the form goes through the init() function that hides everything, it doesn't hide anything and everything is still shown. I'm fairly beginner when it comes to FP, where is my breakdown?

Find more posts tagged with

Comments

iw_child

I found the issue..

I was using IWEventRegistry.addFormHandler(); instead of IWEventRegistry.addItemHandler. However, when it does show them, the page renders weird. Please see attached.

**UPDATE**

After some short browser testing, it renders just fine in good ol' IE but miserably in FF and Chrome.

test.rptdesign

Adam Stoller

That rendering is a Firefox thing - if you look at the same DCT/DCR in IE the regions will be the full width. Not sure if there's an [easy] fix for it - haven't bothered to try to track it down.

Anil Kumar

if showItems() fn is working, call the same in onFormInit

IWEventRegistry.addFormHandler( "onFormInit", showItems);

IWEventRegistry.addFormHandler( "onFormInit", init);

function init()

{

// do additional processing if required.

showItems();

}