按钮文字点击时不会触发客户端按钮的Click事件

Question

我使用RadToolBar按键采用FontAwesome图标和文本。当我点击按钮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标记。

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