How to implement ASPxGridView with HyperLink Columns Like ASP.Net Original GridView

Hello Anson,

Please refer to the examples below. They show how to set a hyperlink caption based on datasource values. Do they suit you?

How to create a DataItem template for a grid column at runtime
How to change styles for a hyperlink column
How to create and configure a HyperLink column at runtime
How to use a hyperlink whose argument depends on several cell values in the ASPxGridView

Thanks,
Marion

Thanks for your reply.

Actually, I have read those posts before but none of them suit for me because we need to based on the Hyperlink column click to change ASPxTabPage instead of redirecting somewhere. As you can see the demo project, I can handle the Column Click Event that I am going to change Tab Page based on the user selection.

Thanks.

Anson,

Thank you for your clarification. I would like to note that by design, while in callback processing, our ASP.NET controls can update only their own rendering, but not the rendering of outside controls. Therefore, it is impossible to change the ASPxTabPage page on the server-side ASPxGridView.CustomButtonCallback event handler. To learn more, please refer to the following knowledge base article:

 ID: K18387, The Concept of Callbacks

In your case, I suggest that you utilize the following scenario:

1. Put ASPxTabPage onto ASPxCallbackPanel;
2. Put ASPxHyperLink onto DataItemTemplate;
3. Handle the client-side ASPxHyperLink.Click event as shown below:

	
[ASPx]
<DataItemTemplate>
    <dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text='<%#Eval("EmployeeID") %>'>
        <ClientSideEvents Click="OnASPxHyperLink1Click" />
    </dx:ASPxHyperLink>
</DataItemTemplate>

4. Perform a callback to ASPxCallbackPanel:

	
[JScript]
function OnASPxHyperLink1Click(s, e) {
            panel.PerformCallback('some parameter');
}

5. In the ASPxCallbackPanel.Callback event handler, you can change the active tab page.
6. Please use the ASPxHyperLink.JSProperties property to pass some information from server to client;
7. You can use the same approach with standard grid CustomButtons. In this case, you should only handle the ASPxClientGridView.CustomButtonClick event.

Also, you can use ASPxButton inside DataItemTemplate, handle its server-side Click event and change the active tab page as shown in the How to display master-detail tables in two grids on separate tabs of a PageControl example;

In you need further clarification, let me know.

Thanks,
Marion

Looks Great~but I can't click on the Hyperlink column. Do I missed something to set? thanks

Anson,

I am afraid I cannot determine what is wrong in your project, because I do not know the code you are using. Please send me a sample. I will investigate it and try to figure out what is wrong.

Thanks,
Marion

It is my mistake. I can get the client event when the use click on the hyperlink but cannot get the right focusedrowindex of the grid view. Please check the sample project.
Thanks

And the Hyperlink mouse hover cursor is not the same as a Normal Hyperlink? Would you tell me please