RadGrid : Open Popup on GridHyperLinkColumn

[bharat kumar]

Hi,

i want to open popup when user click on view hyperlink in radgrid.
please let me know how to achieve this functionality in RadGrid control.

something like this...

<

 

a href="#" onclick="openWindowEdit('<%# DataBinder.Eval(Container.DataItem, "VersionId") %>'); return false;"

 

 

id="lnkPWindow" style="font-weight:bold;z-index: 104; left: 237px; position: absolute; top: 90px">[VIEW/EDIT]</a>

this is done on link button on page....and samething i want in grid.
or some other way to achieve this type of functionality in Grid.

waiting for your reply.

 

[Tsvetoslav]

Hello bharat,

An online example of this scenario is demonstrated at the following link:

http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=grid

I hope this helps. 

Best wishes,
Tsvetoslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Shrini]

Hi Bharat,

I am too new to the Telerik community. Hopefully this helps. I am doing the same exact way in the grid.

<telerik:GridHyperLinkColumn DataNavigateUrlFields="VersionId" DataNavigateUrlFormatString="javascript:openWindowEdit('{0}');" DataTextField="VersionId" />

Shrini

[Pawan]

When i try this on the client side, it does not work. do you have samples for the client side

[Shinu]

Hi Pawan,

Please try the following code snippet to open a window on hyperlink.

ASPX:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
    <Windows>
        <telerik:RadWindow ID="RadWindowDetails" runat="server">
        </telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

<telerik:GridHyperLinkColumn HeaderText="" UniqueName="View" DataTextField="OrderID"
    DataTextFormatString="View" DataNavigateUrlFields="OrderID" DataNavigateUrlFormatString="javascript:ViewCheck({0})">
</telerik:GridHyperLinkColumn>

JS:

<script type="text/javascript">
  function ViewCheck(id) {
     var oWnd = radopen("Filter.aspx", "RadWindowDetails");
    }
</script>

Thanks,
Shinu

[Sagar]

Nice one...it works..for me...!!!!