nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Make item invisible when form loads

Mevan

I have an requirement of making the container invisible when the form loads and make it visible/invisble based on one of the item value of the parent container.
My code works fine when toggling between the valuesand making it visible/invisible. But when the form loads, for the first time and when ever the parent container is iterated, the inner container is visible, which should not happen. I would like the inner container to be invisible for the first time and becomes visible based on the value selected.
Attached is my code. Could you please tell me where I am going wrong?

IWEventRegistry.addFormHandler("onFormInit", init);
function init(){
IWEventRegistry.addItemHandler("/first_container/second_container/based_item_value", "onItemChange", getServer);
containerItem=IWDatacapture.getItem("/first_container/second_container");
fileItem=IWDatacapture.getItem("/first_container/second_container/third_container");
if(containerItem.getValue()!="")
{
fileItem.setVisible(false);
}
}

function getServer (item) {
var xpath = getXPath( item );
var i = xpath.match(/\d+/g)[0];
var j = xpath.match(/\d+/g)[1];
var parameters = new Object();
var server = window.location.hostname;
var numServersReps = IWDatacapture.getItem("/first_container[" + i + "]/second_container").getChildren().length;
var serverTypeXpath = IWDatacapture.getItem("/first_container[" + i + "]/second_container[" + j + "]/based_item_value");

for (k=1; k <= numServersReps; k++) {
var serverTypeValue = serverTypeXpath.getOptions()[serverTypeXpath.getValue()].text;
if (serverTypeValue == "Type1" || serverTypeValue == "Type2") {
IWDatacapture.getItem("/first_container[" + i + "]/second_container[" + j + "]/third_container").setVisible(true);
}
else{
IWDatacapture.getItem("/first_container[" + i + "]/second_container[" + j + "]/third_container").setVisible(false);
}
}
}

Thanks.

Find more posts tagged with

Comments

Adam Stoller

IWEventRegistry.addFormHandler("onFormInit", init);
function init(){
   IWEventRegistry.addItemHandler("/first_container/second_container/based_item_value", "onItemChange", getServer);
   containerItem=IWDatacapture.getItem("/first_container/second_container");
   fileItem=IWDatacapture.getItem("/first_container/second_container/third_container");
if(containerItem.getValue()!="")
    {
       fileItem.setVisible(false);
    }
}
...

Maybe I'm missing something, but what are you expecting the value of a container element to be? Shouldn't you be referencing an item within the container?

crosstab.png

Mevan

Yes. Sorry I missed it. BUt it gives me the same result, no matter I include the item.

containerItem=IWDatacapture.getItem("/first_container/second_container/based_item_value");

Mevan

Hi. It worked. I changed the function this way.

function getServer(item) {
var numReps = IWDatacapture.getItem("/first_container").getChildren().length;
for (i=1; i <= numReps; i++) {
var numServersReps = IWDatacapture.getItem("/first_container[" + i + "]/second_container").getChildren().length;

for (j=1; j <= numServersReps; j++) {
var serverTypeXpath = IWDatacapture.getItem("/first_container[" + i + "]/second_container[" + j + "]/based_item_value");
var serverTypeValue = serverTypeXpath.getOptions()[serverTypeXpath.getValue()].text;

if (serverTypeValue == "Type1" || serverTypeValue == "Type2") {
IWDatacapture.getItem("/first_container[" + i + "]/second_container[" + j + "]/third_container").setVisible(true);
}
else{
IWDatacapture.getItem("/first_container[" + i + "]/second_container[" + j + "]/third_container").setVisible(false);
}
}
}
}

Thanks for your reply.