用jquery獲取RibbonBarButton的url

Question

我在ASP.NET中使用Telerik的RibbonBar。這是我的觀點的一部分：

<!--SOME CODE--> 
<telerik:RibbonBarGroup Text="Paragraph" Width="700px"> 
    <Items> 
    <telerik:RibbonBarButton Size="Large" CssClass="barButtons" ImageUrlLarge="\image\bospozvar2.png" Text="Cut" ImageUrl="\image\bospozvar2.png"></telerik:RibbonBarButton> 
    <telerik:RibbonBarButton Size="Large" CssClass="barButtons" ImageUrlLarge="\image\servisyok2.png" Text="Cut" ImageUrl="\image\servisyok2.png"></telerik:RibbonBarButton> 
    <telerik:RibbonBarButton Size="Large" CssClass="barButtons" ImageUrlLarge="\image\vekaletyok2.png" Text="Cut" ImageUrl="\image\vekaletyok2.png"></telerik:RibbonBarButton> 
    <telerik:RibbonBarButton Size="Large" CssClass="barButtons" ImageUrlLarge="\image\ggyok2.png" Text="Cut" ImageUrl="\image\ggyok2.png"></telerik:RibbonBarButton> 
    <telerik:RibbonBarButton Size="Large" CssClass="barButtons" ImageUrlLarge="\image\fastyok2.png" Text="Cut" ImageUrl="\image\fastyok2.png"></telerik:RibbonBarButton> 
    <telerik:RibbonBarButton Size="Large" CssClass="barButtons" ImageUrlLarge="\image\USyok2.png" Text="Cut" ImageUrl="\image\USyok2.png"></telerik:RibbonBarButton> 
    </Items> 
</telerik:RibbonBarGroup> 
<!--SOME MORE CODE--> 

而且我的jquery：

$(".barButtons").click(function() { 
     var logo = $(this).attr("src"); 
     alert(logo); 
    }); 

我想獲得點擊ribbonbarbutton的圖像的URL，但它返回未定義。我知道我點擊了ribbonbarbutton，但它似乎'.attr（'src'）'不適用於ribbonbarbuttons。我也嘗試過像'$（this）.attr（「ImageUrl」）;'和'$（this）.attr（「url」）;'但所有返回未定義。

Answer 1

你需要的是使用這個JS方法findButtonByValue來獲得對RibonBarButton的引用。這意味着您需要爲每個RibbonBarButton分配唯一的值。一旦你有一個參考，那麼你可以撥打get_imageUrl獲取圖片的網址。

var ribbonbar = $find("RadRibbonBar1"); 
var button0 = ribbonbar.findButtonByValue("RibbonBarButton0Value");