How to create some async client side functional on OnClientButtonClicking?

[Iliya]

I need to show up some confirm dialog when delete button's been just clicked and if user would click OK then make a common post back that will execute serverside functions.

I found an example:

01.<script language="javascript">
02.
03.  function OnClientButtonClicked(sender, args)
04.  {
05.
06.    var button = args.get_item();
07.    if(button.get_commandName() == 'Delete'){
08.        args.set_cancel(!confirm('Are you sure?'));
09.    }
10.  }
11.
12.</script>
13.
14.
15.    <telerik:RadToolBar ID="RadToolBar1" runat="server"
16.        onbuttonclick="RadToolBar1_ButtonClick" Skin="Telerik"
17.         OnClientButtonClicking="OnClientButtonClicked">
18.<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
19.        <Items>
20.            <telerik:RadToolBarButton runat="server" CommandName="Add"
21.                ImageUrl="images/add.png" Text="Add New Client">
22.            </telerik:RadToolBarButton>
23.            <telerik:RadToolBarButton runat="server" CommandName="Edit"
24.                ImageUrl="images/edit.png" Text="Edit Current Client">
25.            </telerik:RadToolBarButton>
26.            <telerik:RadToolBarButton runat="server" CommandName="Delete"
27.                ImageUrl="images/delete.png" Text="Delete Selected Clients">
28.            </telerik:RadToolBarButton>
29.        </Items>
30.    </telerik:RadToolBar>

Well, and it do work pretty good, but i would like to use RadConfirmWindow instead of ugly native js confirm window.

I tried to realize it this way:

01.<script language="javascript">
02.
03.  Function.prototype.withScope = function(scope) {
04.    return Function.createDelegate(scope, this);
05.  }
06.
07.  function OnClientButtonClicked(sender, args)
08.  {
09.
10.    var button = args.get_item();
11.    if(button.get_commandName() == 'Delete'){
12.        radconfirm('Are you sure?',
13.            (function(arg){
14.                if(arg)
15.                    this.click();
16.            }).withScope(button), '250px', '100px', 'Confirmation');
17.
18.    }
19.  }
20.
21.</script>
22.
23.
24.
25.    <telerik:RadToolBar ID="RadToolBar1" runat="server"
26.        onbuttonclick="RadToolBar1_ButtonClick" Skin="Telerik"
27.         OnClientButtonClicked="OnClientButtonClicked">
28.<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
29.        <Items>
30.            <telerik:RadToolBarButton runat="server" CommandName="Add"
31.                ImageUrl="images/add.png" Text="Add New Client">
32.            </telerik:RadToolBarButton>
33.            <telerik:RadToolBarButton runat="server" CommandName="Edit"
34.                ImageUrl="images/edit.png" Text="Edit Current Client">
35.            </telerik:RadToolBarButton>
36.            <telerik:RadToolBarButton runat="server" CommandName="Delete"
37.                ImageUrl="images/delete.png" Text="Delete Selected Clients" PostBack="false">
38.            </telerik:RadToolBarButton>
39.        </Items>
40.    </telerik:RadToolBar>

Seems that it should work but i get error: there is _no_ «click()» function belongs to button = args.get_item(); 

But its metioned it gotta exist — http://www.telerik.com/help/aspnet-ajax/tool_clientsidetoolbaritem.html

What am i doing wrong?

thanx

[Yana]

Hi Iliya,

Please check this kb article which explains how to achieve the needed approach.

All the best,
Yana
the Telerik team