如何在鼠标悬停时在gridview行中显示工具提示文本?

时间:2017-05-05 11:26:44

标签: c# asp.net gridview tooltip mousehover

我需要在gridview行的mousehover上显示工具提示。我有复选框作为模板字段。当禁用该复选框时,我想显示此工具提示。 下面是gridview rowdataboud

if (e.Row.RowType == DataControlRowType.DataRow)
            {
                string State = (e.Row.Cells[a].Text).ToString();
                foreach (TableCell cell in e.Row.Cells)
                {
                    if (State == "Y")
                    {
                        cell.BackColor = Color.Gray;
                        e.Row.Attributes.Add("onmouseover", "alert('This data is reserved');");

                    }
                }
            }

此处不显示警告框,而是显示工具提示。

1 个答案:

答案 0 :(得分:0)

尝试将title属性设置为:

e.Row.Attributes.Add("title", "This data is reserved");

当鼠标悬行时,这将显示默认样式工具提示,但是,您可能要考虑jQuery UI tooltip plugin

您只需要使用要为其使用插件的元素对其进行初始化,例如,下面的代码将初始化并配置整个文档的Tooltip插件:

<script src="Scripts/jquery-2.0.0.min.js"></script>
<script src="Scripts/jquery-ui-1.12.1.min.js"></script>
<link href="Content/themes/base/all.css" rel="stylesheet" />
<script type="text/javascript">
    $(document).ready(function () {
        $(document).tooltip();
    });
</script>