如何將動態工具提示添加到gridview中的圖像控件？在GridView控件

蔭具有圖像控制，如何將動態工具提示添加到gridview中的圖像控件？在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或服務器端，我沒有任何想法任何一個可以幫助

來源

2013-07-11 þÍńķ

有提示的所有圖像相同的文字？ – anmarti

如果文字是可以assing CSS類的圖像控制的所有圖像相同的：

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

，然後調用了jQuery UI框架tooltip功能：

$('.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"; 
    } 
}

如果你知道在客戶端（javasctip）的title文本，您還可以使用jQuery的each方法循環throwgh你的GridView表中設置該值。

編輯：

如果你需要從我建議您設置在服務器端代碼此值的數據庫的工具提示文本。你可以將它綁定到一個自定義的html屬性。

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

這個例子說明了如何設置名爲tool作爲工具提示保存屬性：

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

來源

2013-07-11 11:25:40 anmarti

可以請你解釋客戶端的一些代碼..，我想每個行都有diff工具提示 –

@þÍńķ你如何知道或獲取工具提示文本？ – anmarti

我需要從數據庫中獲取名稱並綁定它 –

如何將動態工具提示添加到gridview中的圖像控件？在GridView控件

回答

相關問題