javascript - Kendo UI - Tooltip in a grid -
I am trying to create a tooltip for my grid like this:
KendoTooltip ({autoHide: true, showOn: "mouseenter", width: 125, height: 125, position: "true", filter: $ ("grid-content a.hasTooltip", content: cando ("# grid"). ".k-grid-content a.hasTooltip" .template ($ ("# storeTerritory") .HTML ())}); Template definition:
& lt; script type = "text / x-kendo-template" id = "storeTerritory"> #for (var i = 0; i & lt; Territories.length; i ++) {# #if (state! = 'Null' and territories! = '') {# & Lt; p & gt; # regions = [i] .TerritoryDescription # & lt; / p & gt; #} and {# & lt; p & gt; Notification is unavailable & lt; / p & gt; #} # #} # & lt; / div & gt; & lt; / Script> I have set a sample here:
I get a reference error: area in the console error is not defined I'm putting a mouse on 'Wilton' Let's assume that I want to change the contents of the template with the archive HTML storeTerritory Tooltip then appears: What can be the problem?
The problem is that there is no model with tooltip; To do what you want, you have to create the content using the function:
$ ("# grid"). KendoTooltip ({autoHide: true, showOn: "mouseenter", width: 125, height: 125, location: "right", filter: ".k-grid-content a.hasTooltip", content: function (e) {var row = $ (e.target) .clostest ("tr"); var dataitem = $ ("# grid"). data ("candgorod"). datetime (line); var template = kendo templates ($ ("# store Territory "). Html (); Return template (datatyme);}}); (Update)
Comments
Post a Comment