external javascript and grid.object

[Steve Wood]

I have a javascript function set in a grid's Javascript Function Declaration. Because I want to use these js functions on several grids, I want to pull it out of Grid Properties and place it in my own js file to be available to all grids. But when moved to a javascript library it complains about the {Grid.object} and {Grid.componentname} syntax, like:

{Grid.object}._setRowState(1,true); or '{Grid.ComponentName}.V.R1.'+fieldname+''

Now I am pretty sure I can fix this by passing the {grid.object} and {grid.componentname} in the function call from the grid, like this:

myjsfunctioncall({Grid.object},{Grid.componentname})

But I would rather not have to do that. Does anyone know why an externally loaded js library would act different than the same code set in the grid's Javascript Function Declaration? Is there some low-level javascript I can use to replace {Grid.object} and {Grid.componentName} in my script that would work from the external library without me having to pass it in the function call?

[frankbicknell]

Re: external javascript and grid.object

I wonder if you could load the library after the grid is initialized from the grid when {Grid.object} and {Grid.componentname} have been defined.

[Steve Wood]

Re: external javascript and grid.object

That's a good idea. I need to see where Alpha puts the js reference. If it is above their grid code, this may be the cause.

[agillbb]

Re: external javascript and grid.object

Hi Steve,

Your original comment about passing the {grid.object} and {grid.componentname} in the function call makes the most sense to me. But rather that pass individual parameters, why don't you create a blank object, then add whatever properties are relevant. I believe this is quite a well-accepted and universal approach in Javascript.

myObj= {}; //new object
myObj.object={grid.object};
myObj.componentname={grid.componentname};

myjsfunctioncall(myObj);

Hope this generic approach is useful,
Andy.

[Steve Wood]

Re: external javascript and grid.object

I went through a lot of Alpha's own external javascript libraries, and where a grid object is required, they all take that as part of the function call. So you don't see {grid.object} in any external library, instead you see myfunction(gridobject,parentobject,childobject), etc. where the object name is passed in as text. So that is what I will do.

[agillbb]

Re: external javascript and grid.object

Sounds good to me Steve.
Andy.

[Steve Wood]

Re: external javascript and grid.object

Sending '{Grid.ComponentName}' in the function call is working, but I still don't understand why I cannot use '{Grid.ComponentName}' in the external js library.

If I place this in OnGridRender, it pops up an alert with the Component Name, as expected.

alert('{grid.componentName}');

If instead, I place this in OnGridRender

{grid.Object}.loadJavascriptFile('mylibrary.js');
myfunction();

Where mylibrary.js has this:

myfunction() {
alert('{grid.componentName}');
}

Why does that fail?

I would like to find a way to load an external javascript library in to a grid so the functions would work the same as if I had typed them in to the Grid's Javascript Functions area.

[Clipper87]

Re: external javascript and grid.object

Steve,

I think the loadJavascriptFile method is not loading your library; load a non existent file and you get the same error.
Why don't you use the linked javascript file property in the grid? I tried quickly but I keep getting an error (missing ';')

[Clipper87]

Re: external javascript and grid.object

Could be some asynchronous issue as well, if the library is not loaded yet then your function call will fail. From the wiki:

or the Linked JavaScript Files property, 'file1.js' and 'file2.js' will load simultaneously. This may be fine for your needs, but if there is code in 'file2.js' that can only work if 'file1.js' has already been loaded, then the asynchronous way in which the Javascript is loaded will present a problem.

NOTE: The Grid, Dialog and CustomComponent all have an {object}.loadJavascriptFile() method to load a Javascript file into the DOM. This method now takes an optional second parameter - the name of a Javascript function to call once the Javascript file has been loaded. When you specify Javascript files to load using the 'Linked Javascript Files' property, this method is used to load the Javascript.

To solve this problem, the components allow you to specify the name of a Javascript function to call when the component has been loaded. When you specify the name of the Javascript file, you can follow the filename with an optional '|' chracter and then the name of a Javascript function.

[Steve Wood]

Re: external javascript and grid.object

It is loading the library, I left out that I tested that with an alert() in the library. I want to use an external library because I need to share the same functions across a random number of both grids and dialogs, and dont want to have to repeat the same code in each Javascript property area.

[Steve Wood]

Re: external javascript and grid.object

Frank,

I will try the second parameter as you suggest.

[Clipper87]

Re: external javascript and grid.object

Steve I mean this:

ljs.png

[Clipper87]

Re: external javascript and grid.object

I have mylibrary.js containing:

function myfunction() {
alert('test');
}

If I put this in Javascript Linked Files: mylibrary.js|myfunction

myfunction does not get called; I have to put the function in the Grid's javascript function declarations: that is not what the wiki says.
If I put it in the grid's function declarations then it executes twice

[Selwyn Rabins]

Re: external javascript and grid.object

Steve I mean this:

[ATTACH=CONFIG]30776[/ATTACH]

in your picture you show

mylibrary.js|myFunction()

this is wrong. it should be:

mylibrary.js|myFunction

[Clipper87]

Re: external javascript and grid.object

I know but it does not work either