Syntax to Reference Controlbar data into UX

[WayneH]

After a few hours trying to figure this out, decided to post and see if someone wants to have Sunday pity on me and help a guy really trying to learn. I see many many examples of how to write data to the controlbar data elements/items. Downloaded and looked at alot of components on this site by frequent fliers and am not seeing the syntax. Selwyn has a good video on changing button text elements in the controlbar from say a textbox on the UX.

What I am missing is the JS syntax to reference a .data object in the controlbar down into the UX. Say an edit textbox I have added somewhere on the UX. I finally got the data down by passing the value into an argument, then grabbing that. But that has a very sticky duct tape feel to it.

For this example, I am just passing the text into a search of a list. My next step will be to skip bringing value onto the UX into a texbox that is hidden and go straight to calling the search (Gregg I saw you dealt with this recently and I was going to hit you up for code if Ok). But I would like to walk before I try to fly and would be thrilled just to reference the data elements in the CB. I will need to do this anyways in other parts of my app and figured a good Sunday task was to learn how to do this. In other stuff I am building, I will want to pass data elements from the CB into an ajaxcallback to work in xbasic and do sql stuff.

Enough rambling, pics and code below in case the above is clear as mud.

Thanks

Wayne


List beforeSearch event

// Cannot figure out why the code below doesnt work instead. vCBData returns undefined.
// have tried D_QuickSearch[0], [1]

obj = {dialog.object}.getControl('CONTROLBAR_1');
var vCBData = obj.data.D_QuickSearch.value;
{dialog.Object}.setValue('LEDGERLIST_KEYWORDSEARCH',vCBData);
alert(vCBData);



// Code below works executing search with textbox assigned from argument passed from CB.
//var vCurrentArgValue = {dialog.Object}.argumentValue('ARG_SEARCH');
//{dialog.Object}.setValue('LEDGERLIST_KEYWORDSEARCH',vCurrentArgValue);
alert(vCurrentArgValue);




CB_Data.png


CB_Action.png

RenderedUX.png

beforesearchevent.png

[madtowng]

Hi Wayne,

I'll help you any way I can.
I'm going to start by strongly suggesting using live preview and console.log in place of alert.
Console.log not only lets you see all the data but will often help identify the error when something is wrong.
I have lots of javascript to refer to from the last few weeks, but that shouldn't be much of a problem.
The biggest problem is getting me to understand the problem .

Gregg

[WayneH]

Thanks a bunch. In my typical fashion, I probably provided too much info.
If you have a data item in a control bar, I cannot figure out the JS to reference that data item besides passing it into an argument and getting it that way.
I can assign to it, just cannot see to grab its value and pass along.

ie

obj = {dialog.object}.getControl('CONTROLBAR_1');
var vCBData = obj.data.D_QuickSearch.value;

Cannot seem to make the reference successfully to the data item.

I will follow your advice on the console.log and see where the path leads.

Appreciate your help.

[madtowng]

see what happens if you console.log(obj) .
It might be that my rookie mind is fairly rigid.

[madtowng]

Hey Wayne,

I create a very basic UX to show the solution.
You'll notice 1 button is on the controlbar, the other is
just below keywordSearch control.

Please let me know if I hit or missed the target.
Capture.png

' This code is in the controlbar
var cbPointer = {dialog.Object}.getControl('CONTROLBAR_1');
var searchValue = cbPointer.data
 {dialog.Object}.setValue('keyword_search',searchValue.cbSearchControl )
​
' This code is on the other button
var cbPointer = {dialog.Object}.getControl('CONTROLBAR_1');
var searchValue = cbPointer.data
setTimeout(function() { {dialog.Object}.setValue('keyword_search',searchValue.cbSearchControl );},100);​

[WayneH]

Thank you so much Gregg. This is exactly what I was looking for. I will play with it and learn.
Again, thanks a ton.

[madtowng]

glad to help

[peteconway]

You cannot set an argument on the client - side after build 8000 it needs to process through xbasic.

[WayneH]

I assume if I wanted to pass this CB data object into xbasic, I can use {dialog.object}.setStateInfo({myvar1: 'cbData'});

[Lance Gurd]

Can I ask why you are using an edit control on a controlbar to set another search box in the header of your UX, seems to be doubling up on a control to me. You could just use the edit control to search for things in your data

[WayneH]

Hi Lance,

I picked the search action to try and get over the hurdle I had just learning to push data back and forth from the controlbar. An exercise in trying to master the data elements on it was my intent on this before I go crazy adding controlbars in my app. Gregg’s sample cleared a major logjam for me.
About a week ago it was suggested I push towards controlbars and viewboxes, I started with the bar and am liking it so far No plan to make it a permanent two step on the search. I am assuming I can set the dialog.object.getcontrol.search list to the edit item in the CB or just execute a filter I construct to eliminate the Texas two step.

[peteconway]

I sent you an email