UX - List Control - SetValue using javascript

[rnoguera]

Hi,

In the new UX control, you can read values from javascript in the usual way, using this syntax:

var firstname = {dialog.object}.getValue('list::LIST1::Firstname');

But I have not been able to use SetValue.

I have tried:

{dialog.object}.setValue('list::LIST1::Firstname','Smithsonian');

With no succes.

In one of the videos this syntax is described:

{dialog.object}.setValue('list1','Amanda');

And in fact it works, but only for the Field that you choosed as the "Return Field" for the list control.

Has somebody been able to SetValue in the other fields?

Thanks in advance.

[michaeldarby]

Re: UX - List Control - SetValue using javascript

Hi Roger

This is from Alpha Anywhere documentation - it explains pretty well, but shout out if you have any more questions:

//This gets a pointer to the list control
var listObj = {dialog.object}.getControl('LIST1');

//EXAMPLE 1: update the 4th row (index is zero based)
listObj.updateRow(3,{firstname: 'John', lastname: 'Smith'});

//EXAMPLE 2: update the row for list primary key value of 'ALFKI' (List is configured to return the Primary Key)
listObj.updateRow('ALFKI',{firstname: 'John', lastname: 'Smith'});

[rnoguera]

Re: UX - List Control - SetValue using javascript

Thanks!

Where did you found this information?

[michaeldarby]

Re: UX - List Control - SetValue using javascript

No worries - I pulled it from the Alpha Anywhere beta, under the updateRow method.

In case you are not on the beta ... here is the help text for:

Append Rows:
var listObj = {dialog.object}.getControl('LIST1');
var _d = [
{firstname: 'John', lastname: 'Smith'},
{firstname: 'Fred', lastname: 'Harris'}
]
listObj.appendRows(_d);

Remove Rows:
//assume that the List was configured to return Lastname values
var _d = ['Smith','Jones',5];
//delete the row for 'Smith', 'Jones' and also the 6th row.
var listObj = {dialog.object}.removeRows(_d);

[rnoguera]

Re: UX - List Control - SetValue using javascript

I am in the beta.

Now I can see it.

Thanks again.

[Clipper87]

Re: UX - List Control - SetValue using javascript

You can easily do this with javascript. For example a grid based on the sample "artists" table with a field called "FIRST_NAME" in it's detail view:

put this code in the client side event called "AfterDetailViewOpen"

The ID of the element (in this case the input field FIRST_NAME) can be found using firebug for example.

var p = document.getElementById('GRID1.D.V.R1.FIRST_NAME');
p.focus();

[PhotoHog]

Re: UX - List Control - SetValue using javascript

Found this thread and it answers MOST of my problem.

How do I commit the change to the data once I have changed it?

In this application I need to modify the record before the current one when the user enters information in the current row. I have the change working and it appears in my list but I need to save and synch...

I have added lines to my Java to save and synch it - and it looks like it's working but the modified data is not actually saving. Here is my code.

function timeOnCode() {

var lObj = {dialog.object}.getControl('LIST1');
var xData = lObj._data
var xDLen = xData.length;

// if no records do not do anything
if(xDLen <= 1){

return;
}

// Loop through and calculate times

var p = 0;
var i = 1;


for(p = 0; p < xDLen; p++) {

var i = p + 1;



var sTimeStr = xData[p].TCTimeStarted;
var eTimeStr = xData[i].TCTimeStarted;

var sTime = new Date();
var eTime = new Date();

sTime.fromFormat(sTimeStr,'MM-dd-yyyy 0h:0m am');
eTime.fromFormat(eTimeStr,'MM-dd-yyyy 0h:0m am');

var diffTime = eTime - sTime; //milliseconds
var tSpent = (diffTime / 60000)



lObj.updateRow(p,{TCElapsedTime:tSpent});
lObj.updateListFromUXControls();

{dialog.object}.saveListEdits('LIST1',{rows: 'allRows'});


}

}