IWitem.addOption() in Form API

Hi,

we have a container with the title fields and its replicateable.We need to add the title fields value to othe select Item option dynamically on OnItemchange change event,I have tried with addOption method but not able to append the titles to the selection list..

Please any body help me with example.

Code of the container:::

Any type of fields
Title Information field

Label to Information display in the contact form
Title of the Information field

Code for the Title where I need to add the list dynamically:

The cc recipients of the e-mail sent by validating the form
Element Display name for To

Javascript code:

IWEventRegistry.addItemHandler("/content/mail/to_mail_fieldinfo", "onItemChange", addToList);

function addToList(item)
{

var j = 1;
var i = 1;
var urlItem;
var urlvalue;

while (urlItem = IWDatacapture.getItem("/content/custom_fields_list/title_custom_field[" +j+ "]/maintitlelabel"))
{
urlvalue = urlItem.getValue();
var test1= test.addOption(urlvalue );
j++;
}
here I need to add the value of urlvalue to the Item list(The cc recipients of the e-mail sent by validating the form).

Thanks
Anu

Find more posts tagged with

Comments

Faizi

Hi,
Your posting is mess up. Whenever you posted any html/xml code put it within
html open and closing tag in [ ] instead of < > , You can also attach the file.

So, attach the dct file and explain the requirement with TS version.

Thanks,

annu1

I am using the teamsite 6.7.1 env.

We have a requiment of a container with the title fields and its a text.we have othe select option item in other container with empty list at the first time(when value of title is not filled up.) once the user fiilup the value of the title(example: Title:A,title:B,title: C) and select the option item,the requirment is that all the title values should be display in item list dynamically with options (A,B,C) when user select the list(onItemchange)

Example::
[item name="to_mail_fieldinfo" pathid="to_mail_fieldinfo"]
[description>The cc recipients of the e-mail sent by validating the form[/description]
[label>Element Display name for To[label]
[select]

[/select]
[/item]

I am getting the values title values A,B,C on Item change but i dont know how to I append this A,B,c values in option on run time.

I have searched in API and found the IWiteam.addOption(option) but not have example for the same.

Code of the container:

[container name="custom_fields_list" location="custom_fields_list" min="1" max="1"]

[container name="title_custom_field" location="title_custom_field" min="0" max="20" default="0"]
[description] Any type of fields
[label]Title Information field[/label]

[item name="maintitlelabel" pathid="maintitlelabel"]
[description>Label to Information display in the contact form[/description]
[label]Title of the Information field[/label]
[text maxlength="0" required="t" size="40"]
[/item]

Code for the Item where I need to add the titles list dynamically:

[item name="to_mail_fieldinfo" pathid="to_mail_fieldinfo"]
[description>The cc recipients of the e-mail sent by validating the form[/description]
[label>Element Display name for To[label]
[select]

[/select]
[/item]

Javascript code:

function addToList(item)
{

var j = 1;
var i = 1;
var urlItem;
var urlvalue;

while (urlItem = IWDatacapture.getItem("/content/custom_fields_list/title_custom_field[" +j+ "]/maintitlelabel"))
{
urlvalue = urlItem.getValue();
var test1= test.addOption(urlvalue );
j++;
}

I got the title value in "urlvalue" variable.Please let me how i could use the addOption method or have any other way.(we don't want to use inline or callout)

Anu

Faizi

First thing what i said that post complete html code within [html] tag with closing its closing not change the each tag of html code. We are not able to post exact because it parsed.

Ok, after digging into your given code i found that instead of calling event "onItemChange" on drop-down you should call this event on text box, so that whenever a text is entered or edited it will added into the drop-down. There are also problems with your JS code.
I am putting the code here:


function addToList(item)
   {

    var j = 1;
    var i = 1;
    var urlItemLen=IWDatacapture.getItem("/content/custom_fields_list/title_custom_field").getChildren().length;
    alert(urlItemLen);

    var dropdown = IWDatacapture.getItem("/content/custom_fields_list/to_mail_fieldinfo");
    var urlvalue;

    var urlItem = IWDatacapture.getItem("/content/custom_fields_list/title_custom_field["+urlItemLen+"]/maintitlelabel").getValue();
    //alert(urlItem);
    newOption = new Option(urlItem, urlItem, false, false);
    dropdown.addOption(newOption);

   }

IWEventRegistry.addItemHandler("/content/custom_fields_list/title_custom_field/maintitlelabel", "onItemChange", addToList);

This code works fine. But you have to handle the scanario like once option is added then on editing the text box again it will added. So you can check it with container child and drop-down option number.

Hope you understand.

annu1

Thanks!!!!