Xpages viewScope to sort a repeat control column - xpages

Question

I am trying to click a link and sort a view by a column in a repeat using viewScope with a full SSJS refresh (also tried partial refresh on the the repeat control, on the table within, and on the panel surrounding the whole thing). When I click it, it is releaoading the repeat control and clearing the data. What am I doing wrong? Inevitably, I want to use this in the header of the repeat panels header facet.
<xp:link escape="true" text="Sort by DoorName" id="link1">
<xp:eventHandler event="onclick" submit="true"
refreshMode="complete">
<xp:this.action><![CDATA[#{javascript:viewScope.put("col","DoorName")}]]></xp:this.action>
</xp:eventHandler></xp:link>
<xp:panel style="width:99.0%">
<xp:repeat id="repeat2" rows="500" var="rowdoc2"
repeatControls="true" value="#{view2}">
<xp:this.facets>
<xp:text disableTheme="true" xp:key="header"
escape="false">
<xp:this.value>
<![CDATA[<table class="simple">
<th style="width:200px">TITLE</th>
<th style="width:200px">2nd HEADER</th></table>]]>
</xp:this.value>
</xp:text>
</xp:this.facets>
<xp:table style="width:100.0%" styleClass="simple">
<xp:tr>
<xp:td style="width:200px">
<xp:text escape="true" id="computedField2"
value="#{rowdoc2.DoorName}">
</xp:text>
</xp:td>
<xp:td style="width:200px">
<xp:text escape="true" id="computedField1"
value="#{rowdoc2.DoorDesc}">
</xp:text></xp:td>
</xp:tr>
</xp:table>
</xp:repeat>
</xp:panel>
EDIT>>>>>I put the "col" the XPAGE data's Sort column computed value. Maybe that's the part that's not correct.
<xp:this.data>
<xp:dominoView var="view2" viewName="Doors">
<xp:this.sortColumn><![CDATA[#{javascript:viewScope.get("col")}]]></xp:this.sortColumn>
</xp:dominoView>
</xp:this.data>

Answer 1

Just delete repeat's property repeatControls="true" and it will work as expected.
This property causes the repeat components to render at page load only. You can find a good explanation here