使用jquery获取RibbonBarButton的url

时间:2016-06-10 12:05:03

标签: jquery asp.net telerik telerik-radribbonbar

我在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的图片网址,但它返回为未定义。我知道我得到了点击的ribbonbarbutton但似乎'.attr('src')'不适用于ribbonbarbuttons。我也尝试过'$(this).attr(“ImageUrl”);'和'$(this).attr(“url”);'但所有人都返回未定义。

1 个答案:

答案 0 :(得分:0)

您需要的是使用此JS方法findButtonByValue获取对RibonBarButton的引用。这意味着您需要为每个RibbonBarButton分配唯一值。获得参考后,您可以致电get_imageUrl获取图片网址。

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