Additional properties client side

[j8]

Hi,

Is there a way to get the CommandName and CommandArgument of a RadRibbonButton in client side script?

I found a reference in http://www.telerik.com/community/forums/aspnet-ajax/ribbonbar/disabling-button-in-client-side-script.aspx#0
but I'm not sure if this is server side or client side.

Regards,
  Peter

[Bozhidar]

Hi Peter,

At the moment there isn't a way to get these values on the client, however we will make sure to include this functionality ( get_commandName()/get_commandArgument()/findItemByCommandName() ) in our next official release, which is due in February.
 
Kind regards,
Bozhidar
the Telerik team

[Michael]

So how do you determine which RibbonBar Button was pressed via javascript?

[Plamen]

Hi Michael,

 
You can use the OnClientButtonClicking or OnClientButtonClicked client events which point to the button clicked.

Hope this will be helpful.

All the best,
Plamen
the Telerik team

[Vladimir]

Hi,

is there possibe to get and set commandname and commandargument on client side?

I cannot see still it in new release.



Thanks

Vlad

[Shinu]

Hi Vladimir,

Please have a look into the following code snippet to get and set the CommandName and CommandArgument of RibbonBarButton.

ASPX:

<telerik:RadRibbonBar ID="RadRibbonBar1" runat="server" CssClass="demo">
    <telerik:RibbonBarTab Text="Tab2" Value="2" runat="server" ID="RibbonBarTab">
        <telerik:RibbonBarGroup>
            <Items>
                <telerik:RibbonBarSplitButton Text="splitbutton" ID="RibbonBarSplitButton1">
                    <Buttons>
                        <telerik:RibbonBarButton ID="RibbonBarButton1" Text="Button1" CommandName="open"
                            CommandArgument="close" Value="value1" />
                        <telerik:RibbonBarButton ID="RibbonBarButton2" Text="Button2" Value="value2" />
                    </Buttons>
                </telerik:RibbonBarSplitButton>
            </Items>
        </telerik:RibbonBarGroup>
    </telerik:RibbonBarTab>
</telerik:RadRibbonBar>

JavaScript:

<script type="text/javascript">
    function pageLoad() {
        var ribbonbar = $find("<%=RadRibbonBar1.ClientID %>");
        var button1 = ribbonbar.findButtonByValue("value1");
        var button2 = ribbonbar.findButtonByValue("value2");
        button2._commandName = "check";
        button2._commandArgument = "demo";
        alert("Button1 CommandName " + button1.get_commandName());
        alert("Button1 CommandArgument " + button1.get_commandArgument());
        alert("Button2 CommandName " + button2.get_commandName());
        alert("Button2 CommandArgument " + button2.get_commandArgument());
    }
</script>

Thanks,
Shinu.

[Vladimir]

Hi Shinu,

thanks for reply. Getters works correctly. But I cannot set command argument on client side and receive on server. So it is not possible?



Thank you

Vlad

[Shinu]

Hi Vladimir,

As a work around you can set the CommandName and CommandArgument of RibbonBarButton in the HiddenField and access it in the Server Side. Please have a look into the following code snippet.

JavaScript:

<script type="text/javascript">
    function pageLoad() {
        var ribbonbar = $find("<%=RadRibbonBar1.ClientID %>");
        var button2 = ribbonbar.findButtonByValue("value2");
        button2._commandName = "check";
        document.getElementById("Hidden1").value = button2.get_commandName();
        button2._commandArgument = "demo";
        document.getElementById("Hidden2").value = button2.get_commandName();
    }
</script>

C#:

string commandname = Hidden1.Value;
string commandargu = Hidden2.Value;

Thanks,
Shinu.