1

我在 gridview 中有图像控件作为

<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 或服务器端动态生成工具提示，我不知道任何人都可以帮助

4

1 回答 1

0

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

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

然后调用tooltipjQuery UI框架的函数：

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

如果每一行都必须有自己的工具提示文本，您可以title在服务器端设置属性。在您的情况下，由于您使用的是 aGridView您可以使用该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)，您还可以使用 jQueryeach方法循环设置该值，该方法循环抛出您的 gridview 表。

编辑：

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

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

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

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

于 2013-07-11T11:25:40.513 回答