Question

我正在使用带有FontAwesome图标和文本的RadToolBar按钮。当我单击按钮上的FontAwesome图标时，它将触发OnClientButtonClicked函数，但是当我单击按钮上的文本时，它将不会触发。

我尝试搜索，但找不到任何解决方案，该如何解决，我所缺少的是什么？

function OnClientButtonClicked(sender,args)
    {
        var button = args.get_item();

        if (button._properties._data.text == "ADD Step")
        {
            //TODO:
        }            
    }




<telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientButtonClicked="OnClientButtonClicked">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
    <Items>
        <telerik:RadToolBarButton runat="server" Text="ADD Step">                                            
                <ItemTemplate>
                    <button class="btn tertiary medium" type="button"><i class="fa fa-plus-circle"></i> Add Step</button>
                </ItemTemplate>
        </telerik:RadToolBarButton>
        <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>
        <telerik:RadToolBarButton runat="server" Text="Import Step">
                <ItemTemplate>
                    <button class="btn tertiary medium" type="button"><i class="fa fa-arrow-alt-circle-down"></i>Import Step</button>
                </ItemTemplate>                                             
        </telerik:RadToolBarButton>
    </Items>
</telerik:RadToolBar>

Answer 1

尝试将其放入最小尺寸的<span>中。我认为这会触发。或放入HTML标记或某些HTML标记。

<ItemTemplate>
 <button class="btn tertiary medium" type="button"><i class="fa fa-plus-circle"></i> <span>Add Step</span></button>
</ItemTemplate>

单击按钮文本时未触发“客户端按钮单击”事件

1 个答案: