<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xc="http://www.ibm.com/xsp/custom" xmlns:xe="http://www.ibm.com/xsp/coreex" pageTitle="BestCoder"> <xp:this.data> <xp:dominoView var="viewAnnouncements" viewName="vwAnnouncements"> </xp:dominoView> </xp:this.data> <xp:panel id="panelFormContainer"> <xp:table> <xp:tr valign="top"> <xp:td> <xp:div style="position:relative;"> <xp:label value="Related Announcements" id="label8" for="RelatedAnnouncements"> </xp:label> <xp:image url="/iconSelectDocument.gif" id="image1" style="position:absolute;top:0px;right:0px;cursor:hand;"> <xp:eventHandler event="onclick" submit="false"> <xp:this.script><![CDATA[XSP.openDialog("#{id:dialogPickListUnpublishDocs}");]]></xp:this.script> </xp:eventHandler> </xp:image> </xp:div> </xp:td> <xp:td> <xp:inputText id="RelatedAnnouncements" style="width:99.5%" multipleTrim="true" multipleSeparator=","> </xp:inputText> </xp:td> </xp:tr> </xp:table> </xp:panel> <xe:dialog id="dialogPickListUnpublishDocs" title="Simple PickList Sample" style="width:610px"> <xp:panel id="panelDialogContainer" style="padding:10px"> <xp:dataTable id="dataTable1" var="varAnnouncement" partialRefresh="true" value="#{viewAnnouncements}" style="width:100%;font-size:12px;" rows="5"> <xp:this.facets> <xp:pager id="pager1" xp:key="footer" panelPosition="right" partialRefresh="true" layout="Previous Group Next" for="dataTable1" pageCount="3"> </xp:pager> </xp:this.facets> <xp:column id="column4"> <xp:this.facets> <xp:span xp:key="header"></xp:span> </xp:this.facets> <xp:image url="/iconAdd.gif" id="image2" style="cursor:hand"> <xp:eventHandler event="onclick" submit="true" refreshMode="complete"> <xp:this.action><![CDATA[#{javascript:var dokumanNo = varAnnouncement.getColumnValue("DokumanNo").toString(); var selectedValues = viewScope.get("PickListSelectedValues"); if (selectedValues == "") { selectedValues = dokumanNo; } else { if (selectedValues.indexOf(dokumanNo) == -1) { selectedValues = selectedValues + "," + dokumanNo; } } viewScope.put("PickListSelectedValues", selectedValues);}]]></xp:this.action> </xp:eventHandler> </xp:image> </xp:column> <xp:column id="column5" style="white-space:nowrap;vertical-align:middle;"> <xp:this.facets> <xp:span xp:key="header">Document Number</xp:span> </xp:this.facets> <xp:text escape="true" id="computedField2"> <xp:this.value><![CDATA[#{javascript:varAnnouncement.getColumnValue("DocNumber")}]]></xp:this.value> </xp:text> </xp:column> <xp:column id="column6" style="width:100%;vertical-align:middle;"> <xp:this.facets> <xp:span xp:key="header">Subject</xp:span> </xp:this.facets> <xp:text escape="true" id="computedField4"> <xp:this.value><![CDATA[#{javascript:varAnnouncement.getColumnValue("Subject")}]]></xp:this.value> </xp:text> </xp:column> </xp:dataTable> <xp:panel style="margin-top:10px;padding:10px;border:1px solid #dedede" tagName="div"> <xp:label value="Selected Values :" id="label13" style="font-weight:bold"> </xp:label> <xe:djextListTextBox id="djListSelectedValues" value="#{viewScope.PickListSelectedValues}"> </xe:djextListTextBox> </xp:panel> </xp:panel> <xe:dialogButtonBar> <xp:button value="OK" id="button1"> <xp:eventHandler event="onclick" submit="true" refreshMode="complete"> <xp:this.script><![CDATA[var objRelatedAnnouncements = dojo.byId("#{id:RelatedAnnouncements}"); var djDialogSelected = dijit.byId("#{id:djListSelectedValues}"); objRelatedAnnouncements.value = djDialogSelected.getValue(); return true;]]></xp:this.script> <xp:this.action><![CDATA[#{javascript:var dlg = getComponent("dialogPickList"); dlg.hide();}]]></xp:this.action> </xp:eventHandler> </xp:button> </xe:dialogButtonBar> </xe:dialog> </xp:view>