[dan123Participant]

Sorry i shared to everyone. so should work now

[dan123Participant]

So for instance, there were like 10 thousand records and tried to select all from all pages. It would slow down and freeze. I noticed your in built checkbox selection doesn’t have this problem even if there are that many records.

So I was wonder if there is a workaround based on the built in version of the checkbox to select by page. Because i want to create like a dropdown to either select by page or select by all pages.

[dan123Participant]

Hi Hristo, i created the event and it works but one problem though, only doesn’t work on this scenario.

Test:
1. Click Row Andrew (Expands row)
2. Click Row Steven (Expands row)
3. Go back and Click Row Andrew (This should collapse the row, but it doesn’t)

Here is my jsfiddle:
http://jsfiddle.net/uxsy7z3y/13/

[dan123Participant]

The submit button event seems to work now, and moved the delete button of jqxgrid2 to another script tag on the html code page.
Moved the “submitcorrection” button click event inside “if (grid != null) {}” statement because it seems like the multiple selection kind of works but it creates duplicates with lot of $0.00 amounts. Also doesn’t give any script error either. So good news on that part.

Test case:
Check both rows, and check the first row of nested grid for both rows of main grid. Try editing the value of “Edit Amount” and Click submit. Check the grid below

Updated the link:
https://www.jseditor.io/?key=grid-custom-3

[dan123Participant]

OK i updated based on what you provided.
var upperGridsArray = [];
var lowerGridsArray = [];
//var nestedGrids3 = new Array();
// create nested grid.
var initrowdetails = function(index, parentElement, gridElement, record) {
var id = record.uid.toString();
//var information = $($(parentElement).children()[1]);
var information3 = null;
var information = $($(parentElement).children()[0]);
var grid = $($(parentElement).children()[1]);
var grid2 = $($(parentElement).children()[2]);
var currentID = ‘upperGrid’ + index;
upperGridsArray[index] = currentID;
$(grid[1]).attr(‘id’, currentID);

var currentID2 = ‘lowerGrid’ + index;
lowerGridsArray[index] = currentID2;
$(grid2[2]).attr(‘id’, currentID2);

Now the “Submit” button event doesn’t work. Throws some script error. Really need your help Hristo.

Also wanted to mention is that on the “Submit” button click event, the first level nested grid is the one below, is it correct way to initialize a method? I am still not sure how to call a nested grid from outside of “if (grid != null) {}” statement.

$(grid[1]).jqxGrid(‘getselectedrowindexes’);

Here is update:
https://www.jseditor.io/?key=grid-custom-

[dan123Participant]

Thanks Hristo, one more help i needed was that i also created a rowDoubleClick event to expand selected row. Now i am trying to bind rowDoubleClick event to also collapse a row as well.

Example:
1. Double Click row and it will expand (This part i completed it)
2. Double Click again on same row and it will collapse (This part i need help on)

Here is my jsfiddle:
http://jsfiddle.net/uxsy7z3y/11/

[dan123Participant]

Hi Hristo,

Notice when i select both rows it unchecks the first one. I am still not sure how to do this part that you mentioned – “It will be better if you have a reference for all nested grid (with real ID). You could add own ID for each one nested Grid before you initialize it.”

I know its a strange example but just need help returning the values to the first sub grid.

Here is the example:
https://jseditor.io/?key=jqxgrid-custom-

[dan123Participant]

Thanks Hristo. Perfect

[dan123Participant]

Yeah sorry this is the simpler example since it deals with nested grid the code will be long. I know where i am having problem which is the submit button and the delete button functions. I am not sure if did them correctly, so maybe ur thoughts on those parts will help.

[dan123Participant]

oh haha sorry Hristo. I keep forgetting the set “Everyone”. I just set it so please need your help

[dan123Participant]

Hey use this jsfiddle: I updated it
https://jsfiddle.net/xfd7b4ad/40/

[dan123Participant]

Ok i did what you said kind of using “getrows” method to check for rows with specific firstname. In the example i know its in array and randomly generating firstnames, but this is just for example. So i figured out the problem, but now i am having a different problem where whenever i delete a row from grid 2 its not applying the changes correctly to grid 1 and i cannot seem to delete all rows from grid 2.

Problem: its reverting the changes based on the latest row, deleting all rows from grid 2 not working, and lastly if select all rows from grid 1 to edit and set them to grid 2 as I delete them they are all going to index 1 of grid 1.

So for example: Look at rows that only have different name cause this being randomized so.
Grid 1:
Row 1: $1.00

Grid 2
Row 1: $1.00 iF I DELETE THIS ROW, for some reason its applying ‘Row 2’ value to Grid 1 Price columns
Row 2: $2.00

Observed:
Grid 1:
Row 1: $3.00

if i delete the last row of Grid 2, its using that same value and outputting as
Grid 1:
Row 1: $5.00

here is my jsfiddle:
https://jsfiddle.net/xfd7b4ad/34/

[dan123Participant]

Ok. Sorry I fixed the above issue.

But now i am trying to figure out something based on the calculations.
I have another grid 2, that basically will be populated by the “Submit” button which will send down my edited value from Price 2 column to grid2 through addrow method. I already created this logic. Also in this grid2 there is a “Delete” button column, to revert back changes to the main grid.

I need help with reverting back the “Price 1 and Price 2” values based on the rows i delete from grid2.

For example:
Grid 1: i Edited the values of Row 1 twice, originally it was $4.00
Columns Price 1 Price 2
Row 1 $2.00 $2.00 Checkbox not checked

Grid 2:
Columns Price 2 Delete
Row 1 $1.00 Delete button
Row 2 $1.00 Delete button

Output
If i delete Row 1 from Grid 2, it should revert the changes to Grid 1’s both Price 1 and 2 Columns
Grid 2
Columns Price 2 Delete
Deleted Row 1
Row 2 $1.00 Delete button

Grid 1
Columns Price 1 Price 2
Row 1 $3.00 $3.00 Checkbox not checked

Now if i deleted the last row too from Grid 2.

Final output of Grid 1 will be
Grid 1
Columns Price 1 Price 2
Row 1 $4.00 $4.00 Checkbox not checked

Here is my jsfiddle:
https://jsfiddle.net/xfd7b4ad/11/

[dan123Participant]

Hi Hristo,

I created my custom logic for the filtering, but I can’t seem to apply the filtering. Check the doFilter function

Here is my jsfiddle:
https://jsfiddle.net/UbK74/1355/

[dan123Participant]

Never mind I figured it out

[Author]

Posts