Telerik Forums
Kendo UI for jQuery Forum
0 answers
13 views

let me explain what issue i am facing , i have two cloumns in kendogrid one is dropdown and other is simple textbox

let say dropodown column has (emailadress, website dropdown) now i want to match the exact expression of mail to the other column

if it matches then save the record if not matches than show the toolptip and prevent for saving changes

this is the code

save: function(e) {
                                    // Get the data item being saved
                                    var dataItem = e.model;

                                    // Access properties of the data item and perform actions accordingly
                                    var addressType = dataItem.intInternetAddressTypeID;
                                    var inputField = dataItem.strInternetAddress;

                                    // Perform validation or other actions based on the properties
                                    if (addressType === "2") {
                                        // Email validation for input field
                                        var emailRegex = /^[^\s@@]+@@[^\s@@]+\.[^\s@@]+$/;
                                        if (!emailRegex.test(inputField)) {
                                            // Set validation message on the corresponding cell
                                            e.container.find("[name=strInternetAddress]").closest("td").attr("data-strInternetAddress-msg", "Invalid email address format");
                                            e.preventDefault(); // Prevent saving the record
                                        }
                                    } else if (addressType === "10") {
                                        // Phone number validation for input field
                                        var phoneRegex = /^[0-9]+$/;
                                        if (!phoneRegex.test(inputField)) {
                                            // Set validation message on the corresponding cell
                                            e.container.find("[name=strInternetAddress]").closest("td").attr("data-strInternetAddress-msg", "Invalid phone number format");
                                            e.preventDefault(); // Prevent saving the record
                                        }
                                    }
                                },

i also enable the tooltip from databound
dataBound: function (e) {
   e.sender.element.find("[data-strInternetAddress-msg]").each(function () {
                                    $(this).kendoTooltip({
                                        position: "bottom",
                                        content: $(this).attr("data-strInternetAddress-msg"),
                                    });
                                });
}but tooltip is not showing in the page , it preventing from saving but not showing tooltip after inspection i found that it creating this html

<td role="gridcell" data-container-for="strInternetAddress" data-strinternetaddress-msg="Invalid email address format"><input type="text" class="k-input k-textbox k-valid" name="strInternetAddress" required="required" data-required-msg="Internet Address is required" data-bind="value:strInternetAddress"></td>


Help me how to show the tooltip not alert i dont want alert

saurabh
Top achievements
Rank 1
 asked on 17 Apr 2024
0 answers
40 views

 

Hi team, I have created a nested donut chart..but as per requirement I have to specify which one is inner and which one is outer, so that it's easy for the user to differentiate.

But currently for showing data I am already using tooltip, also using labels

Rashmi
Top achievements
Rank 1
 asked on 06 Jul 2023
0 answers
469 views

Hi all,

I have this problem:

We would like to change the date format of the chart series tooltip. The desired format is dd/mm/yyyy. The culture of the site is english. In attached you find the example of the tooltip that we would like to change in the format.

Can someone help me on this issue?

Thank you a lot,

Claudio

Claudio
Top achievements
Rank 1
Iron
Iron
 asked on 26 Nov 2021
0 answers
237 views

Hello, I have a problem with tooltips and hope you can help me.

Under certain circumstances multiple tooltips are shown and won't close (see screenshot and screenrecord).

To reproduce this move the cursor quickly over elements that have a tooltip.

Is there a way to fix this?

Hans-Jürgen
Top achievements
Rank 1
Veteran
 asked on 31 May 2021
0 answers
61 views

Hi, I'm new to Kendo UI

I'm facing the problem in Spreadsheet when Tool tip  is used with filter is applied for particular range tool tip is not working for each cell.

(I've specified the link here) http://dojo.telerik.com/oLOHA/11 In this link tool tip is not working( for  1st column till 15th row) so I'm not getting the solution for this please guide me about this...

Vinay Kiran S
Top achievements
Rank 1
 asked on 04 Apr 2017
0 answers
27 views
Hi, I'm new to Kendo UI
I'm facing the problem in Tool tip when it is used with filter is applied for particular range tool tip is not working for each cell.
(I've specified the link here) http://dojo.telerik.com/oLOHA/11 In this link tool tip is not working( for  1st column till 15th row) so I'm not getting the solution for this please guide me about this...
Vinay Kiran S
Top achievements
Rank 1
 asked on 04 Apr 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?