[CLOSED] Help with ToolTip using Razor

Printable View

Sep 17, 2015, 3:39 PM
Argenta

[CLOSED] Help with ToolTip using Razor

Hi

There must be something very basic that I'm missing but I can't seem to get a ToolTip to work.

This is what I've tried. I'm expecting "v1.0.36" to be displayed when I hover over the control with the mouse, but nothing doing:

Code:

<!DOCTYPE html> <html> <head> <title></title> <script> </script> </head> <body> @Html.X().ResourceManager().ScriptMode(Ext.Net.ScriptMode.Debug).SourceFormatting(true) @(Html.X().FormPanel().ID("FormPanel").Layout(LayoutType.Anchor) .Items( Html.X().TextField().ID("TestControl").Margin(50).Width(100).Height(100).Text("Test") ) .Bin(Html.X().ToolTip().Target("TestControl").Html("v1.0.36")) ) </body> </html>

Code:

using Ext.Net; using Ext.Net.MVC; using System; using System.Collections.Generic; using System.Linq; using System.Web.Mvc; namespace ExtSandpit.Controllers { public class HomeController : Controller { public ActionResult Index() { return View(); } } }
Sep 17, 2015, 5:57 PM
Daniil

Hi Jeff,

I think the ToolTip is being created and targeted (according to .Target("TestControl")) before the TestControl is created. Therefore, the ToolTip is targeted to nothing.

Here is a possible approach to get it working.

Code:

@(Html.X().FormPanel() .Items( Html.X().TextField() .Margin(50) .Width(100) .Height(100) .Text("Test") .Listeners(events => { events.AfterRender.Handler = "this.ownerCt.getBinComponent(0).setTarget(this);"; }) ) .Bin(Html.X().ToolTip().Html("v1.0.36")) )

Here is another approach.

Code:

@(Html.X().FormPanel() .Items( Html.X().TextField() .Margin(50) .Width(100) .Height(100) .Text("Test") .ToolTips(tt => tt.Add(Html.X().ToolTip().Html("v1.0.36"))) ) )
Sep 18, 2015, 7:03 AM
Argenta

Thanks Daniil

The second option seems simpler and works well. So I've adopted that.

Thanks again.

Jeff