Design Intent:
This will be a customer quote form. Im attempting to make a product inventory of our companies trim profiles. When the trim profile is selected from a dropdown it needs to display the fullscale image of the profile. I want to have the ability to add multiple profiles with each profile being on a separate individual page.
Where I am so far:
- I've made a table that can add and remove rows by clicking a button.
- I've made a Category Column that is a dropdown list. When you choose the category it populates an Item Column dropdown list with the profiles in the chosen category.
CATEGORY CODE (on change event)
ItemList.clearItems();
var sNewSel = this.boundItem(xfa.event.newText);
switch (sNewSel)
{
case "Crown":
ItemList.addItem("#1000-000")
ItemList.addItem("#1001-000")
break;
case "Tully":
ItemList.addItem("Tully01")
ItemList.addItem("Tully02")
ItemList.addItem("Tully03")
ItemList.addItem("Tully04")
ItemList.addItem("Tully05")
break;
default:
break;
}
ITEM COLUMN CODE (on exit event)
if (this.rawValue == "Tully01"){
ProfilePreview.ImageField1.rawValue = TullyProfiles.Tully01.value.image.value;
}
if (this.rawValue == "Tully02"){
ProfilePreview.ImageField1.rawValue = TullyProfiles.Tully02.value.image.value;
}
ect....
SCREENSHOTS:
Form In Action:
}