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; } } }

How to make container hidden ?

shahzamaj

I have a situation, in which a container appears only if radio option selected is "Yes".

So in the DCT, I am want to let the radio button item appear first and want to make container hidden. If option selected is "yes", then with the help of FormAPI, change the hidden attribute value to "false"and display the hidden container.

There is no hidden attribute available for container. So, how can make sure not to display container without radio option selected as "yes" ?

thanks

Find more posts tagged with

Comments

PayalGarg

Hi,

You may want to try:
containerName.setVisible(false);

in your FormAPI code per value of radio options.

Thanks
Payal

Use result of one dataset for another dataset.rptdesign

shahzamaj

What event do I connect this containerName.setVisible(false);
with loading of DCT ?

I mean there are two containers, one of which is visible with the loading of DCT (new form entry), upon selecting a radio button as yes or no, other container is made visible.

How to catch value from radio options. There are only two radio buttons. One is assigned value="y" and second is "n". How do I get value, when a radio button is clicked ? Which event can be used for this purpose ? This event triggers another invisible container to display.

[html]

Do you have sub class ?

Enter name for category

English Topic

French Topic

[/html]

Thanks

CAM00266.jpg

Adam Stoller

General practice would have the addItemHandler() statements within the init() function.
You would create another addItemHandler() statement for /classes/sub_class_query/sub_class_query_item that checks the value of that item and then either hides or exposes the other item(s) that you want to hide or expose.
In addition to having the item handler, you would also have to call that function (explicitly passing the /classes/.../sub_class_query_item item) so that when editing an existing DCR it also checks the value and "does the right thing".

shahzamaj

My confusion is , how to access the value of the option ?

A text item has a name attribute. When I access this item by its name attribute, whatver value is associated with this text field, I can access it.
IWDatacapture.getItem("a/b/c", "onItemChange", useThisHandler);

While in case of radio item, there is no name associated with it. Option has value and selected attributes. How to access these attributes ? The values of these attributes are the ones which can be used for determining which attribute is selected.

Please explain with small example. I can not understand anything from manual. Its not properly explained in manual.

Thanks

Adam Stoller

My confusion is , how to access the value of the option ?

A text item has a name attribute. When I access this item by its name attribute, whatver value is associated with this text field, I can access it.
IWDatacapture.getItem("a/b/c", "onItemChange", useThisHandler);

While in case of radio item, there is no name associated with it. Option has value and selected attributes. How to access these attributes ? The values of these attributes are the ones which can be used for determining which attribute is selected.

Please explain with small example. I can not understand anything from manual. Its not properly explained in manual.

Thanks

What aspect of the information in the manual do you now understand? There are several examples that touch on this, by reviewing them in conjunction with the surrounding text they do make sense (IMO).

What have you attempted to do (code-wise) to ascertain the value of the radio-button field?

shahzamaj

When we use "onItemChange", does itemChange event mean change in item itself (selecting different option than the default) OR does it mean selecting altogether a different item is itemChange ? entering value is rate item and moving away from select options ? If its first case, then how does onItemChange trigger, when there is no select, radio or checkbox ?

When I go deep in coding and not understand it, I get some primary questions. So please excuse if you find these questions primary, but make sure to answer them to the point.

Thanks

Adam Stoller

Please answer following questions

1) In this code, with "IWDatacapture.getItem("/position/rate").getValue();"
I can get the value of the item rate, whatever is specified by the user as its a text item.

That's not a question, but "yes".

2) can I use "IWDatacapture.getItem("/position/title").getValue();"
to get the value of option selected in title ? (I think NO)

Yes, but not in the way you're probably thinking. From the documentation for getValue()[indent]... For items with options, a number representing the index (or an array indicating the indices, if this item supports multiple selections) is returned.[/indent]and elsewhere in the same manual[indent]Single <select> and <radio> items have a single integer value that represents the zero-based index of the currently selected option.[/indent]So - based upon the XML you posted if the user had selected the title "Engineering Director" (DIR) - the value would be 1.

3) "IWDatacapture.getItem("/position/title").getOptions();"
This code will return all the options. How can I get which option is selected and the value of that option. This is explained in manual, but its very confusing.

getOptions returns an array, getValue returns (in this case) an integer that represents an index into the array that getOptions returns. In long-form it looks something like this:

var myOptions = item.getOptions(); // (["MGR", "..."], ["DIR", "..."], [...])
var myValue = item.getValue(); // 1
var selectedOption = myOptions[myValue].text; // "Engineering Director"
var selectedValue = myOptions[myValue].value; // "DIR"

In short-form it tends to look more like:

var val = item.getOptions()[item.getValue()].value; // "DIR"

4) When we use "onItemChange", does itemChange event mean change in item itself (selecting different option than the default) OR does it mean selecting altogether a different item is itemChange ? entering value is rate item and moving away from select options ? If its first case, then how does onItemChange trigger, when there is no select, radio or checkbox ?

For a radio/checkbox/select field - a change event occurs whenever the value of that item changes (selecting a new value, deselecting and old value, etc.).
For text / textarea fields - a change event occurs when the focus leaves the item and the current value of the field is different than the old value of the field (perhaps the latter part is not required, but I think it is)

5) Secondly getOptions() is a method of IWItem object, can I use getItem() and getOptions() together , eevnthough they are from different objects ?

I'm not sure I understand this question. getItem returns an item object. getOptions returns an array of option objects associated with a particular item object - in that sense - they are always used together.

6) cityItem.getOptions()[parseInt(cityItem.getValue())].value
(i)I dont understand this syntax. getOptions() will get options from cityItem item. When it gets all the options, does it only get values from value attribute or does it get values of label and selected attributes also ?

Have you ever done object-oriented programming before? An object is an object - it may have a single scalar value or it may contain multiple fields of values that represent all different kinds of things - in the case of an option object there are (at least) 'text' and 'value' fields of data stored within each instance of the object.

(ii)[parseInt(cityItem.getValue())].value , how does this operate on options ? It is not connected by any operator (.) with cityItem.getOptions().

parseInt is a function that ensures that the value of its argument is treated as an integer and not a string. The square brackets are associated with the object just preceding them as a means of referencing a particular index of an array.

(iii) When we do cityItem.getValue(), does it retrieve all the values from the value attribute in option list ? (Just like as getValue() retrieves value from text item OR does this getValue() on option list something else ?)

I believe I've already answered this

(iv) what does the value attached to "cityItem.getValue().value" do ? Does it get the value of selected attribute from selected option or something else ? Please explain this syntax. Its full of confusion.

This statement is based on a false assumption. "cityItem.getValue().value" is not a valid construct.