Deactivate WhileSelected

How-to Discussions
1

Hi there,
What is the best way to (programmatically) deactivate the WhileSelected on an item that has been selected?
Playing around with the following code, I would like to be able to have a reset button on the form that resets the WhileSelected via JavaScript. Is this possible?
Thanks.

<App Background="#222">
<Panel ux:Class="MyItem" Color="#aaa">
	<string ux:Property="Label" />
	<string ux:Property="Value" />
	
	<Selectable Value="{ReadProperty this.Value}" />
	<Text Value="{ReadProperty this.Label}" />
	
	<WhileSelected>
		<Change this.Color="#ffc" />
	</WhileSelected>
	<Tapped>
		<ToggleSelection />
	</Tapped>
</Panel>

<JavaScript>
	var Observable = require("FuseJS/Observable");

	var values = Observable();
	var list = Observable(function() {
		return values.toArray().join(",");
	});

	module.exports = {
		values: values,
		list: list
	};
</JavaScript>

<StackPanel>
	<Selection Values="{values}" />

	<MyItem Label="Big Red One" Value="sku-01" />
	<MyItem Label="Small Green Two" Value="sku-02" />
	<MyItem Label="Third Last One" Value="sku-03" />
	<MyItem Label="Four Fore For" Value="sku-04" />
	<MyItem Label="Point Oh-Five" Value="sku-05" />

	<Text Value="Selected:" Margin="0,10,0,0" />
	<Text Value="{list}" />
</StackPanel>
</App>
2

Hey @Colin_Byrne

Maybe this forum thread will help you.

3

Hi @Arturs.
Thanks for the reply. I will have a look at this and see if I can come up with a workaround for WhileSelected trigger. I will post here if I work it out.
Thanks again.