Событие нажатия кнопки клиента не вызывается при нажатии на текст кнопки

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>