How to Reset Tab Control on UX?

[lauraRedway]

Hey guys,

This might be trivial and its always the small things that trip me up.

This is for a browser application, I have a UX component with two panelcards. One panelcard contains a List Control where when a row is selected, populates controls on the second panelcard. The second panelcard has the before mentioned controls organized in a tab control (genie style). What I want is to add code to a button click that will reset the second panelcard to blank, (clear-out all the data that was populated). I have tried the {dialog.object}.resetForm() but it does not remove the content within the tab control. I know the .resetForm action works, as other controls on the screen (not within the tab control) are reset.

Any way you guys can suggest to reset the tabcontrol?

Thanks,
Laura-Kae

[Davidk]

Re: How to Reset Tab Control on UX?

Hi Laura-Kae,

Are the controls on the second panelcard part of a Detail View of the List control? Or... are you just populating the controls using Action Javascript... and they're essentially read-only?

Generally, you'd use the {dialog.Object}.setValue() method...

{dialog.Object}.setValue(UXControlName,value [,honorChangeEvent] );

where you'd set the optional honorChangeEvent to false to prevent the UX from going dirty.

How many controls are there in the second panel card which you want to clear?

[lauraRedway]

Re: How to Reset Tab Control on UX?

Hey David,

The controls aren't apart of a detail view or anything like that, I'm just populating the controls using the action JS 'populate controls'.
They are editable and saved to a table in my SQL DB.
I want to be able to clear all the controls on the second panelcard, we are talking maybe 100+ textboxes.

[Davidk]

Re: How to Reset Tab Control on UX?

I'm not sure how dangerous this is... may depend on what else you have in your UX. This code will include the List Control... so you'll have to see what effect it has on that List. You can always test for the List within the loop and ignore that control.

var myCtrls = {dialog.Object}.columnInfo;

for(var ctrl in myCtrls) {
	if(myCtrls.hasOwnProperty(ctrl)){
		{dialog.Object}.setValue(ctrl,'');
	}
}

A list of controls is held in the {dialog.Object}.columnInfo property. We loop through the controls and set each control value to ''. You probably don't need the .hasOwnProperty if statement.

[lauraRedway]

Re: How to Reset Tab Control on UX?

Hey David,

Thanks! it works great! Excluded the .hasOwnProperty like you suggested. It doesn't look like it affects the list control at all.
Where did you find notes on the .columnInfo property? Would love to take a read of the properties held on the {dialog.object}

Thanks,
Laura-Kae

[Davidk]

Re: How to Reset Tab Control on UX?

You go sleuthing for them in a debugger. You pretty much figure that Alpha has to keep a list of them somewhere and so you looking. Selwyn mentions the debugger, the dialog object, and looking at properties in a number of his videos. The videos are always worth watching. Even if some are not in an area you need, watch them anyway... you never know what gems lie within.