Default visibility after adding a replicant item

fred_sanford

First, this is an example of what i got (TS 5.5, FormAPI, yadda yadda):

<item name="topitem">
<replicant default='0' min='0' max='10' combination="or">
<container name="defaultshow">
<item name="showitem">
<select>
<option label="Other but still shown" value="other"/>
<option label="show" value="show" selected="t"/>
<option label="hide" value="hide"/>
</select>
</item>

<item name="mainitem">
<text><default>This item should be shown</default></text>
</item>
</container>

<container name="defaulthide">
<item name="showitem">
<select>
<option label="Other but still shown" value="other"/>
<option label="show" value="show"/>
<option label="hide" value="hide" selected="t"/>
</select>
</item>

<item name="mainitem">
<text><default>This item should be hidden</default></text>
</item>
</container>
</replicant>
</item>

Now how can I make it such that when the user selects a new item from the replicant, it will default the visibility of the text field?
i.e. the addition of a dcr.topitem.defaulthide will appear with the dcr.topitem.defaulthide.mainitem with visibility of false.
I've tried registering an "onItemChange" event for "/", "/topitem", "/topitem/defaulthide/", and "/topitem/defaulthide/showitem" and the
only one to register correctly is the last one. This does allow me to toggle the visibility of mainitem depending on the /../showitem value when
it changes but how can i set the default visibility dependant up another field (i.e. when the DCT loads)?

kaplag

I find it difficult to swallow there isn't a way to set the visiblity property inline with the data capture item so that replicant's children are spawned in the correct visibility without needing an event handler to loop trough each time a new repliacant is added. 

 

This was my solution to what I think you are saying. I know this was posted in 2003 but maybe it will help someone.

 

My setup is this:

 

I have a list of "alerts" and each "alert" can have multiple "sections" to it. The "sectionType" is either "full width" (one column) or "two column" decided by a radio button. Full width is on by defualt so the extra text area for the second column should be hidden by defualt.

 

 

on startup loop through and set visibility for every instance to match the radio setting. Then have event handlers for when the toggle is changed by user and also each time the user ads a new instance of an iterator so they default correctly.

 

 

 

// add event handlers
IWEventRegistry.addItemHandler("/alerts/alert/section/sectionType", "onItemChange", typeHandler);
IWEventRegistry.addItemHandler("/alerts/alert/section", "onReplicantAdded", addSectionHandler);
IWEventRegistry.addItemHandler("/alerts/alert", "onReplicantAdded", addAlertHandler);

// go through and hide/show second content area for all full width sections in all alerts.
var i = 1; 
var alertItem;
while (alertItem = IWDatacapture.getItem("/alerts/alert[" + i + "]")){
	var j = 1; 
	var section; 
	//alert (alertItem.getName() );
	while (section = IWDatacapture.getItem(alertItem.getName() +"/section[" + j + "]")) { 
		//alert (section.getName() );
		addSectionHandler(IWDatacapture.getItem(section.getName() ));
		j++
	}
	i++
}

//  hide/show second content area for all full width sections in alerts just added.
function addAlertHandler(alertItem) {
	var i = 1; 
	var section; 
	while (section = IWDatacapture.getItem(alertItem.getName() +"/section[" + i + "]")) { 
		//alert (section.getName() );
		addSectionHandler(IWDatacapture.getItem(section.getName() ));
		i++
	}
	return
}
//  hide/show second content area for new full width sections just added.
function addSectionHandler(section) {
	typeHandler(IWDatacapture.getItem(section.getName() +"/sectionType"));
	return
}
// hide/show second content area when toggle is clicked
function typeHandler(type) {
	var itemContent2 = IWDatacapture.getItem(type.getName() +"/../sectionContent2");
	if(type.getValue()){
		//alert ("Two column on");
		itemContent2.setVisible(true);
	}else {
		//alert ("Two column off" ); 
		itemContent2.setVisible(false);
	}
}

Maybe a better way to do it. My coding isn't great.

 

I just really wish there was a way to set visiblity inline like css's display property. Would be so much easier since then you'd only need the radio change event.