Skip to content

Instantly share code, notes, and snippets.

@XPagesAndMore
Last active April 6, 2016 22:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save XPagesAndMore/f340f4b0d41d4fe1aaa7ceb9a969cf06 to your computer and use it in GitHub Desktop.
Save XPagesAndMore/f340f4b0d41d4fe1aaa7ceb9a969cf06 to your computer and use it in GitHub Desktop.
AMD Fix Ferry Kranenburg
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:this.data>
<xp:dominoDocument var="document1" formName="Contact"></xp:dominoDocument>
</xp:this.data>
<xp:this.resources>
<!-- temporary redefine define.amd object (Dojo AMD loader) -->
<xp:script clientSide="true" type="text/javascript">
<xp:this.contents><![CDATA[${javascript:"if (typeof define === 'function' && define.amd) {if(define.amd.vendor =='dojotoolkit .org'){define._amd = define.amd;delete define.amd;}}";}]]></xp:this.contents>
</xp:script>
<!-- load jquery AMD enabled widgets -->
<xp:script src="select2.js" clientSide="true"></xp:script>
<!-- restore define.amd object (Dojo AMD loader) -->
<xp:script clientSide="true">
<xp:this.contents><![CDATA[${javascript:"if (typeof define === 'function' && define._amd) {define.amd = define._amd; delete define._amd;}"}]]></xp:this.contents>
</xp:script>
</xp:this.resources>
<link rel="stylesheet" href="select2v4/css/select2.css" />
<xp:panel>
<div class="page-header">
<h2>
Select2 - Version 4.0.0
<small>Combo Box / List Box</small>
</h2>
</div>
<div class="col-md-7">
<div class="panel panel-default">
<div class="panel-body">
Select2 - Combo Box
<xp:comboBox id="comboBox1" styleClass="select"
value="#{document1.Categories}" style="width: 100% !important;">
<xp:selectItems>
<xp:this.value><![CDATA[#{javascript:var arr = new Array("");
var res = @DbLookup("", "byKeyWord", "Category", 2);
var list = arr.concat(res);
return list;}]]></xp:this.value>
</xp:selectItems>
</xp:comboBox>
</div>
<div class="panel-footer">Combo Box - Single Value</div>
</div>
</div>
<div class="col-md-7">
<div class="panel panel-default">
<div class="panel-body">
Select2 - List Box
<xp:listBox id="listBox1" styleClass="select"
value="#{document1.Categories}" style="width: 100% !important;">
<xp:this.attrs>
<xp:attr name="multiple" value="multiple"></xp:attr>
</xp:this.attrs>
<xp:selectItems>
<xp:this.value><![CDATA[#{javascript:
@DbLookup("", "byKeyWord", "Software", 2);}]]></xp:this.value>
</xp:selectItems>
</xp:listBox>
</div>
<div class="panel-footer">List Box - Multiple Values</div>
</div>
</div>
</xp:panel>
<script type="text/javascript">
$('select').select2({
placeholder: "Select a category",
allowClear: true
});
</script>
</xp:view>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment