how to avoid bootstrap conflict, while using regular expressions,

[mraj]

Hi
I have given validation for a cell in the grid. when the tooltip pops

I am getting error like this, How to avoid bootstrap conflict,  Please explain step by step for resolving conflict.

Also cursor is able to move outside the cell after the validation. how to arrest if validation fails ?

TypeError: No method named "open"
    at HTMLDivElement.<anonymous> (tooltip.js:617:15)
    at Function.each (jquery.js:367:19)
    at jQuery.fn.init.each (jquery.js:202:17)
    at jQuery.fn.init.jQueryInterface [as tooltip] (tooltip.js:609:17)
    at h.isValidCell (pqgrid.min.js:10:27573)
    at h.isValid (pqgrid.min.js:10:28014)
    at d.isValid (pqgrid.min.js:10:27764)
    at d._digestData (pqgrid.min.js:11:15265)
    at a.updateRow (pqgrid.min.js:14:23726)
    at d.saveEditCell (pqgrid.min.js:11:13778)

[paramvir]

Solution is mentioned here: https://paramquery.com/pro/tutorial#topic-bootstrap

[mraj]

Hi,

I added the following lines in $(function(){


            $.fn.bootstrapBtn = $.fn.button.noConflict();
            $.fn.bootstrapTooltip = $.fn.tooltip.noConflict();

..

at the beginning itself.

conflict got removed. no error is showing. and showing the pqgrid provided tooltip in red color, instead of showing in black color ( previously it was ).

How to arrest the movement of the cursor from the cell if the data provided  is invalid. ?

[mraj]

Regular expression as function it is working

{
                                        type: function (ui) {
                                           
                                            var val=ui.value;
                                            let pt = /^(\d+(,\d+)*)?$/;
                                            if (!(pt.test(val))) {
                                               // alert('Not a valid value ');
                                                ui.msg = "Not a Valid Value : " + val;
                                                return false;
                                            }

                                        }
                                    }

where as a regular expression syntax in pq grid it is not working.

{ type: 'regexp', value: '^(\d+(,\d+)*)?$', msg: 'Not in Proper format' }

[paramvir]

One is created using literal notation and the other one with a constructor

you need to escape the regexp value string in the same way it's required while using new Regexp(string) by replacing "\" with "\\"

[mraj]

Thanks, it worked