[hdextremeParticipant]

Hi Dimitar,

There was a bug in showvalidationpopup, I set to show the popup message to the Last Name then scroll to the far right then click “Invoke the showvalidationpopup method of the jqxGrid” button. You will see the popup message will show to the far left which is the First Name.
Here’s my code to test.

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’
},
{
name: ‘price2’,
type: ‘number’
},
{
name: ‘price3’,
type: ‘number’
},
{
name: ‘price4’,
type: ‘number’
},
{
name: ‘price5’,
type: ‘number’
},
{
name: ‘price6’,
type: ‘number’
},
{
name: ‘price7’,
type: ‘number’
},
{
name: ‘price8’,
type: ‘number’
},
{
name: ‘price9’,
type: ‘number’
},
{
name: ‘price10’,
type: ‘number’
},
{
name: ‘price11’,
type: ‘number’
},
{
name: ‘price12’,
type: ‘number’
},
],
datatype: “array”
};

var adapter = new $.jqx.dataAdapter(source);
$(“#jqxgrid”).jqxGrid({
width: 500,
theme: ‘energyblue’,
source: adapter,
sortable: true,
editable:true,
columns: [{
text: ‘First Name’,
datafield: ‘firstname’,
columngroup: ‘Name’,
width: 90
}, {
text: ‘Last Name’,
columngroup: ‘Name’,
datafield: ‘lastname’,
width: 90
}, {
text: ‘Product’,
datafield: ‘productname’,
width: 170
}, {
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’
},
{
text: ‘Unit Price2’,
datafield: ‘price2’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price3’,
datafield: ‘price3’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price4’,
datafield: ‘price4’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price5’,
datafield: ‘price5’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price6’,
datafield: ‘price6’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price7’,
datafield: ‘price7’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price8’,
datafield: ‘price8’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price9’,
datafield: ‘price9’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price10’,
datafield: ‘price10’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price11’,
datafield: ‘price11’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},
{
text: ‘Unit Price12’,
datafield: ‘price12’,
cellsalign: ‘right’,
cellsformat: ‘c2’
},

],
});

$(“#jqxbutton”).jqxButton({
theme: ‘energyblue’,
height: 30
});

$(‘#jqxbutton’).click(function () {
$(“#jqxgrid”).jqxGrid(‘showvalidationpopup’, 0, “lastname”, “Invalid Value”);
});

<div id=’jqxWidget’>
<div id=”jqxgrid”></div>
</div>
<input type=”button” style=”margin: 10px;” id=”jqxbutton” value=”Invoke the showvalidationpopup method of the jqxGrid.” />

[Author]

Posts