Need snippet of RadioButton click and then store value to another dialog Textbox

[Fulltimer]

I have a Radiobutton with four choices and I want to store the value of the Clicked item to be transferred to a TextBox on the same Dialog component.

I'm not sure of the correct syntax.

Does anyone have a working snippet of such a common operation?

It would be greatly appreciated. I've searched the forum and can not find a similar scenario. Could be using the wrong search terms. ????

[gaby_h]

Re: Need snippet of RadioButton click and then store value to another dialog Textbox

Hi Tom:
'vColor' control (with 4 radio buttons Blue, Red, Green, White)
'vtarget' control (textbox)l. If I select Green, you want to insert 'Green' in target control. In the source control (vcolor) in onClick put this:
{dialog.Object}.setValue('VTARGET',this.value);
Whatever color is selected, its value is inserted in target control (vtarget). Hope this is what you are looking for.

[christappan]

Re: Need snippet of RadioButton click and then store value to another dialog Textbox

or you can just put the name of the Radio Button field in the Calculated Field expression property of the latter field.

[Fulltimer]

Re: Need snippet of RadioButton click and then store value to another dialog Textbox

Both of the above responses are really good suggestions and to some degree I have tested both. However my "REAL WORLD" is a bit more complicated and at present I am still trying to write the final code. I'm struggling because Javascript is driving me nuts when it involves Dates.

Here's my issue. I have a dialog with two date fields :

-startdate
-endstart

I want to make it easier for the user to enter these fields with some general dates, therefore I have my Quick Picks Radiobuttons.

Radio choices:

1 week ago|-7
1 month ago|-30
1 year ago|-365
1 month from now|30
1 year from now|365
2 years from now|720

When the user chooses a quickpick, I want that calculated date to be inserted in the startdate and enddate fields.

Like I said earlier, it's Javascript that's turning this 20 minute exercise into a more than a half day of non-productive waste. All I want to do is add (or subtract) the selected numeric value to TODAY's date and then put that into the startdate and enddate.

Any working code on this matter would "make my day". I know the puesdo code and principles involved, I'm missing the expertise.

Thanks,

Tom W.

[gaby_h]

Re: Need snippet of RadioButton click and then store value to another dialog Textbox

Very doable, however more info is needed. For expl If I pick
1 month ago what would the startdate, enddate be?
1 month from now; what startdate, endate?
Is today's date startdate or enddate or can be either?

[Fulltimer]

Re: Need snippet of RadioButton click and then store value to another dialog Textbox

Thank guys but I ended up using Xbasic to solve my problem because I would not be able to sleep tonight if I left it up to Javascript.

I created a Ajax callback on the Click on the RadioButton. In that function I do this:

dim nowdate as c
nowdate = dtoc(date() + val(e.dataSubmitted.radiobutton1) )

e._set.startdate.value = nowdate

I'm going to do the same for my field : enddate which has an associated Radiobutton with slightly different choices because they are all suppose to be in the FUTURE.

To answer your question Gaby, The base date for all the calculations are TODAY's DATE. (ie. date() )

Again thanks and if you should arrive at a Javascript example, I think I and other users would be interested to see how that was done.

One weird final note. The click on the radiobutton does not update the field correctly until a SECOND click. This is repeatable and consistent. Wish I could get rid of that "bug".

[gaby_h]

Re: Need snippet of RadioButton click and then store value to another dialog Textbox

Tom:
Assuming:
-Choices is set as radio button storing a number ie are set as in your previous post (Description|nbr)
-The target controls (startdate, enddate) are textboxes
-Startdate is always today's date (therefore enddate can be in the past or in the future).
Place the following in the onclick radio button control.

var d1 = new Date();
var stdate = d1.getMonth()+1 +'/'+ d1.getDate() +'/'+ d1.getFullYear();
var y = d1.setDate(d1.getDate()+Number(this.value));
y = new Date(y);
var endate = y.getMonth()+1 +'/'+ y.getDate() +'/'+ y.getFullYear();

{dialog.Object}.setValue('VSTDATE',stdate );
{dialog.Object}.setValue('VENDATE',endate );

and see how it goes.

[agillbb]

Re: Need snippet of RadioButton click and then store value to another dialog Textbox

I had done this previously in javascript...see comments within for guidance.

// Used to quickly select a date range

// onclick javascript code......for the SELECTOR_ID field
// Assumes that date.js is a linked file to the component (see http://www.datejs.com/ although this is an older library)

// dropdown search field called SELECTOR_ID, Place this in onchange event
// JOURNALDATE search field set up as range search


// Calculate date ranges for date pull down menu
var today = Date.parse('today').toString('MM/dd/yyyy');

//Choices for Date Picker Drop-down (display|value format) in SELECTOR_ID...copy and paste this in...without //
//Day - Today|DT
//Week - Current|WC
//Week - Next|WN
//Week - Last 7 days|WL7
//Week - Next 7 days|WN7
//Month - Current|MC
//Month - Next|MN
//Month - Last 30 days|ML30
//Month - Next 30 days|MN30
//Year - Current|YC
//Year - Next|YN
//Year - Last 365 days|YL365
//Year - Next 365 days|YN365

//dropdown field called SELECTOR_ID
var myChoice = $('{Grid.ComponentName}.S.SELECTOR_ID').value;
var myStartDate = '';
var myEndDate = '';

if (myChoice==='DT') {
	myStartDate = today;
	myEndDate = today;
}
else if (myChoice==='WC') {
	myStartDate = Date.today().last().monday().toString('MM/dd/yyyy');
	myEndDate = Date.today().last().monday().add(6).days().toString('MM/dd/yyyy');
}
else if (myChoice==='WN') {
	myStartDate = Date.today().add(7).days().last().monday().toString('MM/dd/yyyy');
	myEndDate = Date.today().add(7).days().last().monday().add(6).days().toString('MM/dd/yyyy');
}
else if (myChoice==='WL7') {
	myStartDate = Date.today().add(-6).days().toString('MM/dd/yyyy');
	myEndDate = today;
}
else if (myChoice==='WN7') {
	myStartDate = today;
	myEndDate = Date.today().add(6).days().toString('MM/dd/yyyy');
}
else if (myChoice==='MC') {
	myStartDate = Date.today().moveToFirstDayOfMonth().toString('MM/dd/yyyy');
	myEndDate = Date.today().moveToLastDayOfMonth().toString('MM/dd/yyyy');
}
else if (myChoice==='MN') {
	myStartDate = Date.today().add(1).months().moveToFirstDayOfMonth().toString('MM/dd/yyyy');
	myEndDate = Date.today().add(1).months().moveToLastDayOfMonth().toString('MM/dd/yyyy');
}
else if (myChoice==='ML30') {
	myStartDate = Date.today().add(-29).days().toString('MM/dd/yyyy');
	myEndDate = today;
}
else if (myChoice==='MN30') {
	myStartDate = today;
	myEndDate = Date.today().add(29).days().toString('MM/dd/yyyy');
}
else if (myChoice==='YC') {
	myStartDate = '01/01/' + Date.today().toString('yyyy');
	myEndDate = '12/31/' + Date.today().toString('yyyy');
}
else if (myChoice==='YN') {
	myStartDate = '01/01/' + Date.today().add(1).years().toString('yyyy');
	myEndDate = '12/31/' + Date.today().add(1).years().toString('yyyy');
}
else if (myChoice==='YL365') {
	myStartDate = Date.today().add(-364).days().toString('MM/dd/yyyy');
	myEndDate = today;
}
else if (myChoice==='YN365') {
	myStartDate = today;
	myEndDate = Date.today().add(364).days().toString('MM/dd/yyyy');
}

//$('{Grid.ComponentName}.S.SELECTOR_ID').value = '';   //optional clear
$('{Grid.ComponentName}.S.JOURNALDATE').value = myStartDate;
$('{Grid.ComponentName}.S._TO.JOURNALDATE').value = myEndDate;