用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");