单击按钮文本时未触发客户端按钮单击事件
Client Button Click event not triggered when clicking on button text
我正在使用带有 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>
尝试将其放入最小尺寸的 <span>
中。我认为这会触发。或进入一个或某些 HTML 标签。
<ItemTemplate>
<button class="btn tertiary medium" type="button"><i class="fa fa-plus-circle"></i> <span>Add Step</span></button>
</ItemTemplate>
我正在使用带有 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>
尝试将其放入最小尺寸的 <span>
中。我认为这会触发。或进入一个或某些 HTML 标签。
<ItemTemplate>
<button class="btn tertiary medium" type="button"><i class="fa fa-plus-circle"></i> <span>Add Step</span></button>
</ItemTemplate>