[jccompagnonParticipant]

I always get pimples that comes out when you start to talk about jdsfile

jdsfile is fine for “simple examples”
what we use is too complicated for jdsfile.

If you look at the screen shot bellow. The problem comes from the 92px in the height in the creation of the div
When we call the the editor we use:
$(“.ckeditor”).jqxEditor({ height: ‘450px’,width: ‘650px’ });

so it looks like an issue on height calculation for that div ?!?!?

[jccompagnonParticipant]

I don’t think that answers my question.

We have selectBox in front of each rows.
selectionmode -> checkbox
on the grid

But since it is in virtual mode
how do we get all the rows checked?
and if they check the top checkbox (select all) how do we get that via a “Virtual Grid” ?

[jccompagnonParticipant]

it does it even with no tabs

[jccompagnonParticipant]

how do you setup server paging and make the filters work ?

[jccompagnonParticipant]

sorry I am not gona spend 3 hours creating a jsfile.

it is simple.
1 – you have a grid inside div id= grid1
2 – upon click of row we open a jqxWindow
3 – inside this window there is another grid with id=grid2
4 – close the jqxWindow
5 – click on another row (of grid 1)
6 – jqxWindow opens again and loads a “New” grid inside the grid id=grid2

you click on the row of grid 1 it opens a window with grid 2
if you have pagesizeoptions: [’30’, ’60’, ’90’], as part of the grid definition it does not work

I can’t do better than that.
if you want to fix it you can try it

[jccompagnonParticipant]

Hi Peter,
I did a short video so that you see what happen
http://youtu.be/xoRzHC_t390

I realize that this is not a “grid” select and it is a mouse behavior within the page

However, how can we get rid of this highlighting the whole page.

[jccompagnonParticipant]

I was having the same problem as the OP.

Basically trying to load a grid in the same div where a grid used to be fails.
I did as the OP suggested and commented out //pagesizeoptions: [’30’, ’60’, ’90’],
and it worked.

Peter, why does it work when commenting out page options ??!?!?

We understand that jsFile to replicate the bug, …. but that is very cumbersome to do considering we pull from databases, …
Bottom line is you could try to replicate and ……
I would also be willing to give you access to our web page (user and pass in PM) for you to see it but jsFile is gona be too much

So what we do is we have a grid.
Upon click of edit we open a JqxWindow which has a Grid2 in it
the source is JSON and pulls record dynamically just from the id clicked in the first grid

First time grid inside the JqxWindow loads
2nd click does not load
we tried destroy, …. nothing did it

Commenting the page option however fixed the issue

do no time to document it BUT seems like there is a Bug

[jccompagnonParticipant]

Got it to work with a bindingcomplete event instead of creating a function and calling it in the appearance parameters. I had tried it several times but it never worked because this:

$("#jqxgrid").bind("bindingcomplete", function () {
	var localizationobj = {};
	localizationobj.filterselectstring = "Select";
	$("#jqxgrid").jqxGrid('localizestrings', localizationobj);
});

is different from this:

$("#jqxgrid").bind(“bindingcomplete”, function () {
	var localizationobj = {};
	localizationobj.filterselectstring = "Select";
	$("#jqxgrid").jqxGrid('localizestrings', localizationobj);
});

The latter sample has “fancy” quotation marks around “bindingcomplete” that I picked up from here:
http://www.jqwidgets.com/community/topic/bindingcomplete-jqxgridfocus/

[jccompagnonParticipant]

I did look at those demos and topics and they helped me come up with the code above. Do you see anything specifically wrong with my code?

[jccompagnonParticipant]

I will try that

[jccompagnonParticipant]

Please take a look at the video I did.
I did slow down the video so that you can clearly see that
1 – grid loads
2 – once the grid is loaded it loads the values for certain cells

that is what we want to do

https://www.youtube.com/watch?v=EPBGLKcHYH8

[jccompagnonParticipant]

hum,
Virtual mode still still loads the grid with all the data. it does not load the million rows at once but it is still.
this stills loads as
1 – grid loads done

we want
1 – grid loads
2 – some cells are populated by an api call

let’s try another example for you to understand
let’s say we want to
1 – load the grid at 1:00 pm
2 – load the images from API call that takes 15 minutes to execute

obviously we want the user to be able to look at the grid at 1:00pm without having to wait till 1:15pm till the api call return
so the idea is 1 you load the grid. Once the grid is loaded you fire a function that then calls the api load that takes 15 minutes to retrieve
Because the grid was loaded in 1 the user can start working with the grid without having to wait for the api load to return.

There has to be an “afterrender” event or Afterload, …

[jccompagnonParticipant]

Hi,
I understand that the loading is a browser behavior. I don’t think you understand my question here.

I have a HUGEEEEEEEEEE GRID to load with data coming from 20 different tables.

What I want is for the basic data to load first and display the grid.
Once the grid is loaded THEN I want to start looking for the additional data in other tables
the image is an example as 1 of the data.

Imagine that you have to load a grid with 1 million rows
If I include in the grid definition 1 million images it will take for ever to load.
Another column will have a field that will pull data from a slow API
….

If I wait for all that data to be returned before loading the grid this is going to take hours.

Instead what I want to do is
1 – load the grid with the basic data I have in my DB
2 – let the fields from the remote API populate as they are returned 1 by 1

For example:
1 – grid loads (1 million students):
id | first Name | last name | Photo on FaceBook
1 | John1 | doe | loading….
2 | John2 | doe | loading….
3 | John3 | doe | loading….
4 | John4 | doe | loading….
Grid is displayed

2 – Then slowly “loading….” gets replaced by the result of an API call to the Facebook API and so on till all images are loaded from the remote API call to Facebook

[jccompagnonParticipant]

almost, like that yes but I want the image to be called loaded after the grid is loaded.

Imagine that there are 3 billions images to load (I am exagerating but for the example) so I don’t want to wait for the image to be loaded for the grid to load I want to
1 – load the grid
2 – load the images as the person is reviewing the grid

This goes for more than just the images.
I could imagine a 3rd column with the Price that is loaded after the grid got loaded.

Grid is loaded some cells are still loading:
Loading

Grid is all loaded:
Loaded

[jccompagnonParticipant]

so does that mean that getrowid does not work with nested json mapped and that we need to use getrowdata instead?

Is it a bug in getrowid ?

thanks for the fix regardless

[Author]

Posts