MagicSuggets

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
	xmlns:xc="http://www.ibm.com/xsp/custom">
	<xp:this.resources>
		<xp:script src="/JQueryXSnippet.js" clientSide="true"></xp:script>
	</xp:this.resources>
	<link rel="stylesheet" href="ms/magicsuggest.css" />
	<script src="ms/magicsuggest.js"></script>	
	<xp:scriptBlock id="scriptBlock2">
		<xp:this.value><![CDATA[
  			$(document).ready(
    			function() { 
      				x$( "#{id:comboBox1}" ).magicSuggest({
      				placeholder: "Select a category"      				     				
      				});
               }
           );
 				]]></xp:this.value>
	</xp:scriptBlock>	
	<xp:scriptBlock id="scriptBlock1">
		<xp:this.value><![CDATA[
  			$(document).ready(
    			function() { 
      				x$( "#{id:listBox1}" ).magicSuggest({
      				placeholder: "Select a category"      				     				
      				});
               }
           );
 				]]></xp:this.value>
	</xp:scriptBlock>	
	<xc:ccLayoutBootstrap>
		<xp:this.facets>
			<xp:panel xp:key="facetMiddle">
			<div class="col-md-7">
				<xp:comboBox id="comboBox1">
					<xp:this.attrs>
						<xp:attr name="multiple" value="true"></xp:attr>
					</xp:this.attrs>
					<xp:selectItem itemLabel="Notes Client 9"
						itemValue="Notes Client 9">
					</xp:selectItem>
					<xp:selectItem itemLabel="Domino 9"
						itemValue="Domino 9">
					</xp:selectItem>
					<xp:selectItem itemLabel="Administrator 9"
						itemValue="Administrator 9">
					</xp:selectItem>
					<xp:selectItem itemLabel="Designer 9"
						itemValue="Designer 9">
					</xp:selectItem>
				</xp:comboBox>
				</div>
				<xp:br></xp:br><xp:br></xp:br>
				<div class="col-md-7">
				<xp:listBox id="listBox1"
					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>
			</xp:panel>
		</xp:this.facets>		
	</xc:ccLayoutBootstrap>
</xp:view>