<% for (AssociationVariable assocVar: multipleZeroManyToOptionalAssociations) { 
 BackingObject assBck=bckObject.getFragmentProvider().getClassMap().get(assocVar.getType());
 String assPack=preffix +  ((assBck.getPackageName().trim().length()>0)?("." + assBck.getPackageName()):"");  %>

    var a<%=assocVar.getUpperCaseName()%>List:List=new ArrayList();
    var a<%=assocVar.getUpperCaseName()%>KeyTable:<%=assPack%>.<%=assocVar.getType()%>KeyTable=new <%=assPack%>.<%=assocVar.getType()%>KeyTable(a<%=assocVar.getUpperCaseName()%>List);
    var a<%=assocVar.getUpperCaseName()%>ListKeyTable=a<%=assocVar.getUpperCaseName()%>KeyTable.create();
    var a<%=assocVar.getUpperCaseName()%>ListKeyTableComp = SwingComponent.wrap(a<%=assocVar.getUpperCaseName()%>ListKeyTable);

    var a<%=assocVar.getUpperCaseName()%>sBox = HBox {
                spacing: 5; nodeVPos: VPos.CENTER;
                content: [  a<%=assocVar.getUpperCaseName()%>ListKeyTableComp,
                    Button {
                        graphic: ImageView {image: Application.imageGlass}
                        width: 16
                        cursor: Cursor.HAND
                        skin: ButtonSkin {
                            borderFill: Color.TRANSPARENT
                            focusFill: Color.TRANSPARENT
                            highlightFill: Color.TRANSPARENT
                            shadowFill: Color.TRANSPARENT
                            textFill: Color.TRANSPARENT
                            fill: Color.TRANSPARENT
                        }
                        action: function () {
                            goto<%=assocVar.getUpperCaseName()%>s();
                        }
                    }
                ]}


    function goto<%=assocVar.getUpperCaseName()%>s() {
       
       var view: <%=assPack%>.<%=assocVar.getType()%>SelectManyView = <%=assPack%>.<%=assocVar.getType()%>SelectManyView{
        selected<%=assocVar.getType()%>s:   new ArrayList(a<%=assocVar.getUpperCaseName()%>List);
         onConfirm: function ()  {
            a<%=assocVar.getUpperCaseName()%>List.clear();
            a<%=assocVar.getUpperCaseName()%>List.addAll(view.selected<%=assocVar.getType()%>s);
            a<%=assocVar.getUpperCaseName()%>KeyTable.refresh();
			view.stage.close();
			}
        }
		var popUp:PopUp=PopUp {
			    title: "<%=assocVar.getUpperCaseName()%>"
			    header: HBox {
			        spacing: 0
			        nodeVPos: VPos.BOTTOM
			        content: [
			            Text {
			                content: "<%=assocVar.getUpperCaseName()%>"
			                fill: Color.WHITE;
			                font: Font {name: "Arial Bold Italic" size: 24}
			                effect: Reflection {topOffset: -4}
			            }
			        ]
			    }
			    content: ScrollPane {
			        background: Color.WHITE
			        border: 10
			        content: VBox {
			            spacing: 10
			            content: [view.a<%=assocVar.getType()%>SelectManyView  ]
			        }
			    }
			}
    	view.stage=popUp.stage;
        return "";
    }

 <% } %>