Hi Wouter,
Thanks for contacting Syncfusion Support.
Query #:- On longer grids the edit dialog does popup too low. Also the grid is scrolled on showing the dialog. Is it possible to turn that behaviour off?
We can reproduce your reported problem at our end. When we use dialog Editing, the dialog box will get display on the center position of the Grid which is the default behavior in Grid.
If you want to display the Dialog box in the same position where you have edit the row, we have achieved this scenario using actionComplete event of the Grid. In actionComplete event when we start editing, we have get the selected row target position as top and left and assign it position property of ejDialog. Thus you can open edit dialog from on the focused row to avoid scrolling.
Please refer to the code example:-
|
$(function () {
$("#Grid").ejGrid({
...
actionComplete: "complete",
columns: [
...
]
});
});
function complete(args) {
if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "dialog") {
var row = this.model.selectedRowIndex;
var target = this.getRowByIndex(row);
var $target = $(target);
var docWidth = $(document).width(), dlgWidth = document.documentElement.clientWidth < 800 ? 200 : 250,
xPos = $target.position().left + 18,
yPos = $target.position().top + 2;
$("#" + this._id +"_dialogEdit").ejDialog({ //this._id is the ID of grid
title: args.requestType == "beginedit" ? "Edit" : "Add",
enableResize: true, //enable resize to dialog
position: { X: xPos, Y: yPos },
});
}
} |
Refer to the sample and API Link:-
Please get back to us if you need any further assistance.
Regards,
Farveen sulthana T
