Hide an array of objects

Question

I having trouble hiding a number of 3D image widgets. Rather than individually setting each of the widget's visibility to false, I tried to adding them to an array and then created a function which hides the array:

var clipCircles = [
 "circle1",
 "circle2",
 "circle3",
 "circle4",
 "circle5",
 "circle6",
 "circle7",
 "circle8",
 "circle9",
 "circle10",
 "circle11",
 "circle12",
 "circle13"
];

$scope.hideCircles = function() {
 for(var i=0; i< 13; i++){ 
	$scope.view.wdg[clipCircles[i]].visible = false;
 }
}

RolandRaytchev · Accepted Answer

Additionally, for the sake of completeness, I want to mention you can try in the loop the following alternative call

1)calling after the setting an async apply

...
$scope.view.wdg['myCirlc']['vislble']=true;//false
$scope.$applyAsync();

2.) use the function $scope.setWidgetProp() instead of the widget prop notation e.g. :

//generall usage of the method
//$scope.setWidgetProp('label-3', 'text', "PREVIEW MODE");
//here in your context
$scope.hideCircles = function() {
 for(var i=0; i< 13; i++){ 
	//$scope.view.wdg[clipCircles[i]].visible = false;
$scope.setWidgetProp(clipCircles[i], 'visible', false);
 }
}

3.) when the mentioned widget are modelItems widget - there could be an issue with some setting of sequence. This means using a sequence of the model will lock the properties so that it will not react on setting of the visibility properties. In tis case you can try additionally try to set the forceHidden property:

$scope.setWidgetProp(wdgName,'forceHidden', true);
$scope.setWidgetProp(wdgName,'visible', false);
$scope.$applyAsync();
// and my be it back- not required
$scope.setWidgetProp(wdgName,'forceHidden', false);

4.)as mentioned in point 3.) the issue could be cause by sequence / step as mentioned in the post: "Model Item colors are not showing up in View"

There the issue is the color display , but the reason is still the same. You can try to unset as mentioned there, the sequence property

antoher relevant post is this

stephentwall · Answer

here's how I did it directly addressing the 3dimage names.... all my images (6 in this case) had no visibility (deselected visible checkbox on each image widget props) then I call this function from a standard button, the code then makes that button into a toggle, click it once, all images show up, click it again, all the images go away.

var calloutVisibility = false;

$scope.toggleCalloutVisibility = function(){
if(calloutVisibility){
for(i = 1; i < 7; i++)
$scope.view.wdg['3DImage-' + i]['visible'] = false;
calloutVisibility = false;
} else {
for(i = 1; i < 7; i++)
$scope.view.wdg['3DImage-' + i]['visible'] = true;
calloutVisibility = true;
}
}

Sign up

Please use your PTC eSupport account.

Welcome to the PTC Community

Please use your PTC eSupport account.

Scanning file for viruses.

This file cannot be downloaded