Показывать всплывающую подсказку с дополнительной информацией при наведении мыши на строку WebCrid Razor MVC3 - PullRequest
Новая
       39

Показывать всплывающую подсказку с дополнительной информацией при наведении мыши на строку WebCrid Razor MVC3

1 голос
/ 21 декабря 2011

У меня есть сетка со списком лиц. При наведении курсора на определенную строку лиц я хотел бы показать дополнительную информацию (фото, адрес и т. Д.) Во всплывающей подсказке. Все необходимые данные существуют в модели, но я не знаю, как добавить функциональность всплывающей подсказки в сетку. Мне также интересно, подходит ли для этого всплывающая подсказка jquery ui?

TIA:)

Ответы [ 2 ]

3 голосов
/ 02 ноября 2012

Вот пример кода для отображения всплывающей подсказки в asp.net mvc webgrid: 

grid.Column("LongTextColumn", "Column Header Here"
            , format: (item) => Html.Raw("<abbr style='background-color:Beige;'
              title='" + item.LongTextColumn + "'>" + item.OtherModelColumn + 
              "</abbr>"), canSort: false)

Ниже версия показывает 25 символов длинного комментария / текстового столбца и показывает остальную часть полного текста в виде всплывающей подсказки. Он также заботится о тексте длиной менее 25 символов. 

grid.Column("ModelItem.LongTextColumn", "Column Header", format: (item) => 
             Html.Raw("<abbr style='background-color:Beige;' title='" +
             item.ModelItem.LongTextColumn + "'>" +
             item.ModelItem.LongTextColumn.PadRight(25).Substring(0, 25) + 
             "</abbr>"), canSort: false)

Надеюсь, это поможет!

1 голос
/ 21 декабря 2011

Попробуйте jQuery плагин BeautyTips.Это хороший способ загрузить контент AJAX.У него много функций, и он даже поддерживает HTML5.Посмотрите их демо здесь .

...