Tooltip to emulate jqxValidation/jqxGrid.validate methods?

[jcwrenParticipant]

When using the jqxGrid inline editor, I do both client-side and server-side validation. For the client-side, the ‘validation’ function in the data source nicely displays errors, and the ‘showvalidationpopup’ method for errors returned during the ‘updaterow’ method.

When pop-up editing is selected, I’m showing jqxValidator errors for client-side validation errors. I still do the server-side validation, but there doesn’t seem to be a method to create an error tooltip that looks like the ‘showvalidationpopup’ and jqxValidator tooltip errors.

Perhaps there’s a way to do this that I’m missing, but it would be nice if the various input widgets all had methods that would display a pop-up error, along with a way to dismiss them.

Perhaps I did something incorrectly, but when using the jqxTooltip to attempt to do this, I couldn’t have multiple tooltips open at once. The last one I open is the only one that displays.

Any suggestions how to replicate the error messages that jqxValidator and the jqxGrid ‘validation’ function produces?

[ivailoParticipant]

Hi jcwren,

You can have multiple tooltips at once. You just have to set different name for each of them.
Also you can change the info visuzlized in the tooltip when the server responds. Just have to detect an event for server response and to change the tooltip’s property content.

Here is similar example with text change on click.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[jcwrenParticipant]

Excellent. I didn’t have different names, which I imagine was causing the problem.

Is there a class name available for the errors that jqxValidator and jqxGrid.validation uses, so I can render the tools tips in the same look, and have it follow any theme changes or updates to jqxWidgets?

[ivailoParticipant]

Hi jcwren,

About the jqxValidator’s styling you can see the documentation.

In short here are the styles used for the hint area and the arrow:
jqx-validator-hint – applied to every error popup.
jqx-validator-hint-arrow – applied to the arrow of the popup (if the arrow is allowed).

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts