Passing view data source to custom control - Xpages

I am trying to pass a view data source which has a category filter and get documents keys. All works fine in a repeat on the page which this data source is created however if I pass this data source to a custom control as below.

<?xml version="1.0" encoding="UTF-8"?>

<xp:view xmlns:xp=“http://www.ibm.com/xsp/core”>

<script type="text/javascript">

	var

	<xp:text escape="false" disableTheme="true"

		value="#{javascript:' ' + compositeData.jsArrayVar}">

	</xp:text>

	= [

	<xp:repeat rows="300"

		value="#{javascript:compositeData.viewDataSource}"

		var="dataSourceViewRepeatEntry" indexVar="dataSourceViewRepeatIndex"

		first="0">

		<xp:text escape="false" disableTheme="true">

			<xp:this.value><![CDATA[#{javascript:var dataSourceViewRepeatDoc = dataSourceViewRepeatEntry.getDocument();

			dataSourceViewRepeatDoc.getCreated() + " : " + dataSourceViewRepeatDoc.getItemValue("title");}]]></xp:this.value>

		</xp:text>

	</xp:repeat>

	];

</script>

</xp:view>

I get the following error…

Error while executing JavaScript computed expression

Script interpreter error, line=1, col=57: Error calling method ‘getDocument()’ on an object of type ‘lotus.domino.local.View [Static Java Interface Wrapper, lotus.domino.local.View: lotus.domino.View]’

Javascript code

1: var dataSourceViewRepeatDoc = dataSourceViewRepeatEntry.getDocument();

2: dataSourceViewRepeatDoc.getCreated() + " : " + dataSourceViewRepeatDoc.getItemValue(“title”);

Subject: I think you need to set on the control to your compositeData value…