jQuery UI Widgets Forums Grid how to hise error message displaying by "showvalidationpopup"

This topic contains 9 replies, has 6 voices, and was last updated by  Hristo 4 years, 11 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author

  • mallepaddi
    Participant

    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


    Dimitar
    Participant

    Hello mallepaddi,

    To hide all validation popups, please call the hidevalidationpopups method, i.e.:

    $("#jqxgrid").jqxGrid('hidevalidationpopups');

    Best Regards,
    Dimitar

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


    mallepaddi
    Participant

    Hi

    Thanks for your reply, but is there a way of hiding specific popup ?

    Thanks


    Dimitar
    Participant

    Hi mallepaddi,

    Unfortunately, there is no such method in jqxGrid’s API.

    Best Regards,
    Dimitar

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


    jcwren
    Participant

    1.5 years later, this method is still not in the documentation.

    • This reply was modified 8 years, 11 months ago by  jcwren.

    Dimitar
    Participant

    Hello jcwren,

    Thank you for the notice. We will document it as soon as possible.

    Best Regards,
    Dimitar

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


    Rana
    Participant

    Hi, does API supports hiding specific validation popup now ?
    If yes, from which version?


    Dimitar
    Participant

    Hi Rana,

    Unfortunately, no. The only available method on the matter is hidevalidationpopups.

    Best Regards,
    Dimitar

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


    hdextreme
    Participant

    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.” />

    • This reply was modified 4 years, 11 months ago by  hdextreme.
    • This reply was modified 4 years, 11 months ago by  hdextreme.

    Hristo
    Participant

    Hello hdextreme,

    Thank you for the feedback.
    I will create a work item for this case.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.