RadToolButton RadButton ItemTemplate OnClientClicked not firing

[caesar]

I'm trying to convert a RadToolButton into one with an ItemTemplate so I can use the <Icon> element for the modern css icon classes, but when I use the RadButton instead of the original RadToolButton, the client javascript function doesn't fire. How can I re-use the same javascript function for the RadButton inside the ItemTemplate as it is used in the RadToolButton?

<script>
function rtbClientDebts_ButtonClick(sender, args)
        {
            var button;
            button = args.get_item();
            ProcessGridCommand (button.get_commandName());
        }
</script>

<telerik:RadToolBar runat="server" ID="rtbClientDebts" Skin="Metro"  Width="100%" OnClientButtonClicked="rtbClientDebts_ButtonClick" EnableViewState="false">
        <Items>

            <%----- OLD BUTTON -----%>
            <telerik:RadToolBarButton runat="server" Text="Add"  CommandName="AddCreditor" SearchName="AddCreditor" Enabled="True" />

            <%----- NEW DESIRED BUTTON -----%>
            <telerik:RadToolBarButton>
                <ItemTemplate>
                    <telerik:RadButton runat="server" Text="Add" CommandName="AddCreditor" SearchName="AddCreditor" Enabled="True">
                        <Icon PrimaryIconCssClass="rbAdd" />
                    </telerik:RadButton>
                </ItemTemplate>
            </telerik:RadToolBarButton>

</Items>
</telerik:RadToolBar>

[caesar]

bump

[Vessy]

Hi caesar,

The OnClientButtonClicked handler is attached to the buttons nested in the default template of RadToolbar. When a custom item template is used, you will need to handle the ClientClicked event of the controls added there instead:

        <script>
            function rtbClientDebts_ButtonClick(sender, args) {
                var button;
                button = args.get_item();
            }

            function templateButtonClick(button, args) {
                ProcessGridCommand(button.get_commandName());
            }
        </script>

        <telerik:RadToolBar runat="server" ID="rtbClientDebts" Skin="Metro" Width="100%" 
            OnClientButtonClicked="rtbClientDebts_ButtonClick" EnableViewState="false">
            <Items>

                <%----- OLD BUTTON -----%>
                <telerik:RadToolBarButton runat="server" Text="Add" CommandName="AddCreditor" SearchName="AddCreditor" Enabled="True" />

                <%----- NEW DESIRED BUTTON -----%>
                <telerik:RadToolBarButton>
                    <ItemTemplate>
                        <telerik:RadButton runat="server" Text="Add" CommandName="AddCreditor" SearchName="AddCreditor" 
                            Enabled="True" OnClientClicked="templateButtonClick" AutoPostBack="false">
                            <Icon PrimaryIconCssClass="rbAdd" />
                        </telerik:RadButton>
                    </ItemTemplate>
                </telerik:RadToolBarButton>
            </Items>
        </telerik:RadToolBar>

Regards,
Vessy
Progress Telerik