editmode – selectedrow

[mbcourtvParticipant]

There is a bug when the row is in edit mode and you tab through the columns.
With the following code when you tab to a cell off the screen the row you are editing is not aligned with header.
I looked at release notes and wondered if this was addressed already.
Thanks

Example at https://www.jseditor.io/?key=jqxgrid-header-align
I added code:
editable: true,
editmode: ‘selectedrow’,
selectionmode: ‘singlecell’,

code is here:
$(document).ready(function() {
var data = generatedata(500);
var source = {
localdata: data,
datafields: [{
name: ‘firstname’,
type: ‘string’
}, {
name: ‘lastname’,
type: ‘string’
}, {
name: ‘productname’,
type: ‘string’
}, {
name: ‘date’,
type: ‘date’
}, {
name: ‘quantity’,
type: ‘number’
}, {
name: ‘price’,
type: ‘number’
}],
datatype: “array”
};

var adapter = new $.jqx.dataAdapter(source);

$(“#jqxgrid”).jqxGrid({
width: 500,
theme: ‘energyblue’,
height: 300,
source: adapter,
sortable: true,
editable: true,
editmode: ‘selectedrow’,
selectionmode: ‘singlecell’,
columns: [{
text: ‘First Name’,
datafield: ‘firstname’,
width: 90
}, {
text: ‘Last Name’,
datafield: ‘lastname’,
width: 90
}, {
text: ‘Product’,
datafield: ‘productname’,
width: 170,
align: ‘right’
}, {
text: ‘Order Date’,
datafield: ‘date’,
width: 160,
cellsformat: ‘dd-MMMM-yyyy’
}, {
text: ‘Quantity’,
datafield: ‘quantity’,
width: 80,
cellsalign: ‘right’
}, {
text: ‘Unit Price’,
datafield: ‘price’,
cellsalign: ‘right’,
cellsformat: ‘c2’
}]
});
});

[mbcourtvParticipant]

Here is the release history that might reference this bug

jQWidgets v4.5.3 Release, June-01-2017

What’s Fixed:

– Fixed an issue in jqxGrid regarding the data editing when the edit mode is ‘selectedrow’ and selection mode is cell based.

[StanislavParticipant]

Hello mbcourtv,

Thank you for reporting this issue, we will be taking a look at it in the future.
When a change is made, it will be announced on our Release History

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts