AMDFixBeforeAfter

<?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>
	<script type="text/javascript" src="disable_amd.js" clientSide="true"></script>
	<script type="text/javascript" src="select2v4/js/select2.js" clientSide="true"></script>		
	<script type="text/javascript" src="enable_amd.js" clientSide="true"></script>	
	<link rel="stylesheet" href="select2v4/css/select2.css" />
	<xp:panel>
		<div class="page-header">
			<h2>
				Select2 - Version 4.0.0
				<xp:span style="color:rgb(255,255,255)">.</xp:span>
				<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>
		$('select').select2({ placeholder: "Select a category",
		allowClear: true });
	</script>

</xp:view>