jQuery UI Widgets › Forums › Grid › how to hise error message displaying by "showvalidationpopup"
Tagged: grid, hide, hidevalidationpopups, jqxGrid ;, popup, validation
This topic contains 9 replies, has 6 voices, and was last updated by Hristo 5 years, 5 months ago.
-
Author
-
Hi
I was using “showvalidationpopup” for showing an error message when the row was selected but having zero quantity entered in quantity field.
But how to suppress the message when the value entered.
Code : $(“#jqxgrid”).jqxGrid(‘showvalidationpopup’, e.args.rowindex, “qty”, “Enter Quantity !”);
Please help.
Thanks
Hello mallepaddi,
To hide all validation popups, please call the hidevalidationpopups method, i.e.:
$("#jqxgrid").jqxGrid('hidevalidationpopups');
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Hi
Thanks for your reply, but is there a way of hiding specific popup ?
Thanks
Hi mallepaddi,
Unfortunately, there is no such method in jqxGrid’s API.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/1.5 years later, this method is still not in the documentation.
Hello jcwren,
Thank you for the notice. We will document it as soon as possible.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Hi, does API supports hiding specific validation popup now ?
If yes, from which version?Hi Rana,
Unfortunately, no. The only available method on the matter is hidevalidationpopups.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/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.” />Hello hdextreme,
Thank you for the feedback.
I will create a work item for this case.Best Regards,
Hristo HristovjQWidgets team
https://www.jqwidgets.com -
AuthorPosts
You must be logged in to reply to this topic.