如何将动态工具提示添加到gridview中的图像控件中

Question

Iam在网格视图中具有作为的图像控制

<asp:ImageButton ID="imgbtnInfo" runat="server" ImageUrl="info.jpg" ToolTip="Button info" title="Info" CommandArgument='<%#Eval("ID") %>' CommandName="Info"  />

这是我的网格视图图像按钮，在这里我可以获得每行的ID动态作为

   imgbtnInfo0
   imgbtnInfo1
   imgbtnInfo2

通过这些方式，取决于多少行我将获得图像按钮的ID，

我只想使用Ajax或服务器端动态生成工具提示，我不知道任何人都能帮助

Answer 1

如果所有图像的文本都相同，则可以将css类分配给图像控件：

 <asp:ImageButton ID="imgbtnInfo" CssClass="imgtooltip" runat="server" />

然后调用jQuery UI框架的CCD_ 1函数：

$('.imgtooltip').tooltip();

如果每行都必须有自己的工具提示文本，则可以在服务器端设置title属性。在您的情况下，由于您使用的是GridView，因此可以使用onrowdatabound事件。

<asp:gridview 
    onrowdatabound="myGridView_RowDataBound" 
    runat="server">
  </asp:gridview>

void myGridView_RowDataBound(Object sender, GridViewRowEventArgs e)
{
   if(e.Row.RowType == DataControlRowType.DataRow)
   {
      // Set the title text
      e.Row.Cells[yourImageIndex].Title = "yourTooltipText";
   }
 }

如果您知道客户端的title文本（javasctip），您也可以使用jQuery each方法来设置这个值，该方法循环遍历您的gridview表。

编辑：

如果您需要从数据库中获取工具提示文本，我建议您在服务器端代码中设置此值。您可以将其绑定到自定义html属性。

tool='<%# Eval("toolAtServerSideDataSource") %>'

此示例显示如何将名为tool的存储属性设置为工具提示：

演示：http://jsfiddle.net/y6rvs/1/