cellClick event conflicts with startEditTriggers event in grid Updating feature

State Suggested Answer
Replies 2 replies
Answers 1 answer
Subscribers 13 subscribers
Views 834588 views
Users 0 members are here

igGrid

835

Bob M. posted over 11 years ago

When I DOUBLE CLICK on the grid, both my cellClick and grid Update window pop up. It seems they are conflicting with each other.

Please look at my startEditTriggers event as well as my cellClick event below.

If someone could please explain why they are conflicting, or perhaps where my mistake is - I would appreciate it

EX/

$("#accountsGrid").igGrid({
            autoGenerateColumns: false,
            dataSource: jsonData,
            columns: [
                { headerText: "Member", key: "entityName", dataType: "string", width: "100px" },
                { headerText: "Margin", key: "Margin", dataType: "number", format: "double", width: "120px" },
                { headerText: "Lookback Interval (D)", key: "LookbackInterval", dataType: "number", format: "number", width: "180px" },
                { headerText: "Confidence Interval", key: "ConfidenceInterval", dataType: "number", format: "percent", width: "150px" },
            ],
            primaryKey: "entityName",
            features: [
                {
                    name: "Sorting", type: "local"
                },
                {
                    name: "Updating",
                    editMode: 'rowedittemplate',
                    startEditTriggers: "dblclick",
                    rowEditDialogContainment: "window",
                    columnSettings: [
                        {
                            columnKey: "entityName",
                            readOnly: true,
                        },
                        {columnKey:"margin"},
                        {
                            columnKey: "ConfidenceInterval",
                            editorType: "percent",
                            validation:true,
                            editorOptions: { button: 'spin', required: true }
                        },
                        {
                            columnKey: "LookbackInterval"
                        }
                    ]
                }
            ],
            cellClick: function (evt, ui) { DisplayAccountDetails(evt, ui); }
        });

Thanks in advanced.

Bob

835

Bob M. posted over 11 years ago in reply to Alexander Todorov

Okay, I see what you mean. I basically need to capture the click or dbl-click event first, then determine what needs to be called or not called.

Let me try that out and let you know ASAP.

thanks for your reply.

Bob
Cancel
Reply

Cancel
24671

Suggested Answer
Alexander Todorov posted over 11 years ago

Hey Bob,

cellClick is independent of updating and will always fire no matter how Updating is configured. The issue is that dblclick fires after click, so basically the order of the events is the following:

mousedown

mouseup

click => this is where cellClick gets fired

dblclick => this is where the pop up dialog gets opened

What you can do is set a timeout in the click event handler, something small, like 200ms, and when the code executes you can check if a dblclick has occured (you can set the flag by handling the rowEditDialogOpening event for the Updating feature). So if dblClickFired = true (this is just a name for the flag i picked), then you won't call DisplayAccountDetails(). You will also need to set the flag again to false in order to reset it for the next interaction.

Let me know if this helps.

Thank you

Angel
Cancel
Reply

Reject Answer

Cancel