Get position of a control inside a "Nested" RadGrid

[Shawn]

Hello,

I have a RadGrid (Grid A) and inside it's NestedViewTemplate I have another RadGrid (Grid B).  Within "Grid B" I have a GridTemplateColumn that contains a RadButton.  I'm trying to figure out how to get the position of this button in JavaScript/jQuery when the user clicks on it (OnClientClicked event) so that I can display and position a hovering <div> or <asp:panel>.

 I've tried using syntax such as the one below to find the button and then use jQuery's "position()", then set the CSS properties for the div, but "button" is not visible to JavaScript code because it's inside the nested Grid.: 

var element = $find('<%= button.ClientID %>');

 Can anyone help me figure out how to do this?

 Thanks in advance.

[Viktor Tachev]

Hello Shawn,

You can pass reference to the button control to the OnClientClick handler. Check out the following code snippet that illustrates the approach.

<asp:Button Text="click" runat="server" ID="Button1" OnClientClick="clientClick(this, event); return false;" />

JavaScript:

function clientClick(sender, args) {
    var button = $(sender);

    alert(button.position().top);
}

Regards,
Viktor Tachev
Telerik

 

 

[Shawn]

Hello Viktor,

Thanks!  This code works with a regular ASP button; however when I use it in the OnClientClicking or OnClientClicked events of a RadButton I get a JavaScript error stating: "JavaScript critical error in (unknown source location)\n\nSCRIPT1009: Expected '}'".

I'm not sure why I'm getting this error.  I'd really like to use the RadButton since it offers a lot more options.

Could this be due to having a RadAjaxManagerProxy and having both RadGrids ajaxified?  Thanks.

[Viktor Tachev]

Hi Shawn,

In order to use RadButton you can modify the code like shown below:

Markup:

<telerik:RadButton Text="click" runat="server" ID="Button1" OnClientClicked="clientClick" AutoPostBack="false" />

JavaScript:

function clientClick(sender, args) {
    var button = $(sender.get_element());

    alert(button.position().top);

}

Let me know how the approach works for you.

Regards,
Viktor Tachev
Telerik

 

 

[Shawn]

Hello Viktor,

Thanks for your reply.  This is good to know for the future, but I ended up using an asp ImageButton and your previous solution worked for me for what I wanted to do.

Thanks for your help!