So zeigen Sie eine Datenbanknachricht in einem Bootstrap-Tooltip an

Question

Wenn ein Benutzer den Mauszeiger über das Element in der Tabelle hält, sollte er die Nachricht für dieses Element sehen. Die Nachricht wird als Eigenschaft im Modell gespeichert.
Dies ist, was ich bisher getan hat:

<table> 
<tr> 
<td data-toggle="tooltip" data-placement="right" title=@item.Message>Message</td> 
</tr> 
</table> 

Die Meldung in der Tooltip angezeigt wird immer wenn es nur ein paar Zeichen, sondern eine wirklich lange Nachricht wird nicht displayed.Any Idee zu bekommen, was soll ich tun?

Answer 1

Obwohl die Anzahl der Zeichen für das Attribut title in einigen Browsern begrenzt ist, sollte dies keine Auswirkungen haben, da Sie den Bootstrap-Tooltip verwenden. Es sollte für langen Text funktionieren.

Das einzige Problem, das ich mit Ihrem Code sehen kann, ist, wickeln Sie den Text nicht in einfache Anführungszeichen oder doppelte Anführungszeichen. Also lassen Sie uns sagen, dass Ihre item.Message einen Wert hat, "FirstWord and SecondWord" mögen, Ihr Markup wird sein

<td data-toggle="tooltip" data-placement="right" 
              title=FirstWord and SecondWord>Message</td> 

So ist es nur FirstWord zeigen wird, weil es einen Raum danach.

Sie sollten den Wert des title-Attributs in Anführungszeichen einschließen und es wird gut funktionieren.

<td data-toggle="tooltip" data-placement="right" title="@item.Message">Message</td>