Glossary

To pass a UDT to a popup window

When you pass an entire UDT into a popup window, you can take advantage of passing all the parameters inside of that UDT at once. By passing the entire UDT, you have every single value available to you that is inside the UDT.

1. In this example, we have a 'Tank Detail' popup window with a data type called 'Tank.'
   On the root container, right click and select Customizers > Custom Properties.
   Click the plus icon and add a property called 'passIn_TankData' and select the 'Tank' data type from the dropdown list.
   Click OK. Note: parameters that are passed into a window can only be passed into properties that are on the Root Container.

   

2. In the Property Editor you will see the Custom Property called 'passIn_TankData.' It is assigned a unique name so it is clear exactly what the Tank property is doing. It will hold the UDT that is passed in from another window.
   Click on the magnifying glass and see all the elements that are inside of the Tank UDT; (i.e., HOA, level_PV, temp_PV, etc.). All of the values will be NULL if you just added the property, They will get filled in later when tested in preview mode.

   

3. Now, you can bind components inside the Tank Detail window to elements of the Tank UDT.
   
   For example, let’s bind the HOA Control. Click on the Multi-state Button in your Tank Detail window.
   In the Property Editor, click the binding icon next to the Control Value to open the Property Binding window.
   Select the HOA property of the Tank UDT and check the Bidirectional box to make it bidirectional.
   Click OK.

   By using the entire Tank UDT and all of its parameters, you have all the properties available to you making it very easy to configure the components in this popup window. You can now bind properties on the window without having to use indirect tag bindings. Bind the rest of your components to the appropriate Tags in the Root Container UDT.
   
   

4. Now that there is a property to pass into, we need to set up the script to pass a Tank UDT into the Tank Detail window. A great place to do this is from the Tank template definition. The Tank template is using the same parameter as the Tank Detail window, but for clarity, it was assigned a unique name called ‘template_TankData.'
   
   

   1. Navigate to your Tank Template and right click on the gray area of the canvas and scroll down to Scripting.
      Under Event Handler, select 'mouseClicked.'

   2. In the Navigation tab, click Open / Swap, Open and Center and under the Window dropdown, select your ‘Tank Detail' window.
      Check the Pass Parameters box. Press the green plus icon to add a row and click in the 'Parameter Name' cell. This is a dropdown list that shows all of the custom properties on the Root Container of the selected window. Select the 'passIn_TankData' parameter to pass in to.
      Note: If you don't see this parameter, you either have the wrong window selected, or you did not add the property to the Root Container.

   3. Select the whole row and click the choose property link icon and select the 'template_TankData' property. The is the value we are passing to the window.

   4. Click OK. Save and Publish your project.

      

5. Open the Runtime and go to any window that uses your tank template. We used the exact same UDT that is in the Tank template and passed it to the Tank Detail Popup window.

   

   Click on one of the Tanks (ie: Tank 100) and it will open your Tank Details window and display all the details about Tank 100. You can do this with any Tank in your runtime.

   

Similar Topics ...

• Property Binding

• Template Repeater Component

• Component and Window Security