Setting "showDoneCancelButtons" property to false causing issue

V B posted over 2 years ago

Hi,

I have iggrid and in my grid I want to remove Done/Cancel" button. I have set "showDoneCancelButtons=False" and now Done/Cancel

button is not visible. but here I am facing some issues like In my grid we have checkbox bind on column as below.

I want to read all data of checkbox column.

I am reading the data from "AllTransactions" property as below: and it is working fine when we show Done/Cancel button.

$("#grid").igGrid("allTransactions");

But when I set "showDoneCancelButtons=False", I am getting empty array in above line.

Can anyone please help me out from the above issue?

Thanks in advance.

Top Replies

20

Offline V B posted over 2 years ago in reply to V B +1
Hi Monika, Any updated on the above? The provided solution is working well but I have to click on another row to end the edit mode. Can I achieve...view reply »

1300

Offline Monika Kirkova posted over 2 years ago

Hello,

After investigating this further, I determined that allTransactions could be called in a method bound to the editRowEnded event, which is fired with and without Done/Cancel buttons. By calling allTransactions in this method the array is not empty when changes are made.

features: [

                    {

                        name: "Updating",

                        showDoneCancelButtons: false,

                        editRowEnded: function(evt, ui) {

                            var transactions = $("#grid").igGrid("allTransactions");

                            for(var i = 0; i < transactions.length; i++) {

                                console.log(transactions[i]);

                            }

                        }

                    }

                ]

Below I am attaching a sample, demonstrating the described behavior. Please test it on your side and let me know if you need any further information regarding this matter.

Regards,
Monika Kirkova,
Infragistics

igGridDoneCancelButtons.zip
Cancel
Reply

Cancel
20

Offline V B posted over 2 years ago in reply to Monika Kirkova

Hi Monika,

Thanks for your reply.

I have tried the same but could not resolve the issue.

Below is my code:

name: "Updating",

enableAddRow: false,

enableDeleteRow: false,

showReadonlyEditors: true,

showDoneCancelButtons: false,

editMode: "row",

columnSettings: [

{

columnKey: "Group",

readOnly: true

}

],

editRowEnded: function(evt, ui) {

debugger;

var transactions = $("#grid").igGrid("allTransactions");

for(var i = 0; i < transactions.length; i++) {

console.log(transactions[i]);

}

},

I want get the transaction when I check the checkbox as shown below:

Waiting for your response.

Thanks
Cancel
Reply

Cancel
20

Offline V B posted over 2 years ago in reply to V B

Hi Monika,

Any updated on the above?

The provided solution is working well but I have to click on another row to end the edit mode.

Can I achieve the same thing by just check/uncheck the checkbox?

Waiting for your response.

Thanks
Cancel
Reply

Cancel
1300

Offline Monika Kirkova posted over 2 years ago in reply to V B

Hello,

The editRowEnded event is fired when the row exits edit mode. By removing the Done/Cancel buttons this is achieved by clicking on another row or pressing Enter key.

Additionally, allTransaction method returns an array if the row has already exited edit mode. However, if your requirement is to access the new value of the checkbox what I could suggest is binding a method to the valueChanged event of the checkbox editor as below:

name: "Updating",

                        showDoneCancelButtons: false,

                        columnSettings: [

                            {

                                columnKey: "Female",

                                editorType: "checkbox",

                                editorOptions: {

                                    valueChanged: function (evt, ui) {

                                        console.log(ui.newValue);

                                    }

                                }

                            }

                        ],

Below I am attaching a sample, demonstrating the described behavior. Please test it on your side and let me know if you need any further information regarding this matter.

Regards,
Monika Kirkova,
Infragistics

1715.igGridDoneCancelButtons.zip
Cancel
Reply

Cancel
0

Offline Joshua Patton posted 3 months ago in reply to Monika Kirkova

Nice info! uno online
Cancel
Reply

Cancel