[OPEN] [#459] Request for Hyperlink Column

[jchau]

I think it would be great if there's a built in hyperlink column for gridpanels. While it is easy to override the renderer to create a hyperlink per cell, I find that hacky because I dont want to assign an onclick to each hyperlink inside the renderer. The other alternative is to listen to grid cellclick event, check for column clicked, and override cell css to make it look like a hyperlink. But it would be nice to be able to wrap all that inside a hyperlink column that's very similar to your commandcolumn.

[geoffrey.mcgill]

We will discuss. Thanks for the great suggestion.

[geoffrey.mcgill]

I've created a new Issue to track this request:

https://github.com/extnet/Ext.NET/issues/459

[Vladimir]

As quick solution I can suggest to use ImageCommandColumn

 <ext:ImageCommandColumn runat="server" Width="170">
                        <Commands>
                            <ext:ImageCommand CommandName="Delete" Text="<a href='#'>Delete</a>" Cls="hyper-command">
                                <ToolTip Text="Delete" />
                            </ext:ImageCommand>
                            <ext:ImageCommand CommandName="Edit" Text="<a href='#'>Edit</a>" Cls="hyper-command">
                                <ToolTip Text="Edit" />
                            </ext:ImageCommand>
                        </Commands>


div.hyper-command span 
        {
            padding-left:5px !important;
        }

[Daniil]

I find that hacky because I dont want to assign an onclick to each hyperlink inside the renderer.

You should not do that if you use an <a> HTML element. Do you not want to use <a> elements?

I think a TemplateColumn might be a good option as well.

[geoffrey.mcgill]

You should not do that if you use an <a> HTML element. Do you not want to use <a> elements?

I think a TemplateColumn might be a good option as well.

Yes, there fairly easy alternatives, but I think the original point is valid and a dedicated HyperlinkColumn would be very nice to have.

[Daniil]

Yes, I got it. I am rather thinking how to implement. I guess it should be similar to a LinkButton which renders an <a> HTML element.

[Daniil]

@jchau, I would like to elaborate on your requirement.

Please clarify do you need exactly what Vladimir suggested?

As quick solution I can suggest to use ImageCommandColumn

 <ext:ImageCommandColumn runat="server" Width="170">
                        <Commands>
                            <ext:ImageCommand CommandName="Delete" Text="<a href='#'>Delete</a>" Cls="hyper-command">
                                <ToolTip Text="Delete" />
                            </ext:ImageCommand>
                            <ext:ImageCommand CommandName="Edit" Text="<a href='#'>Edit</a>" Cls="hyper-command">
                                <ToolTip Text="Edit" />
                            </ext:ImageCommand>
                        </Commands>


div.hyper-command span 
        {
            padding-left:5px !important;
        }

[jchau]

@jchau, I would like to elaborate on your requirement.

Please clarify do you need exactly what Vladimir suggested?

Yup, that would work great. I didn't use an <a> at first because I still have to assign a javascript function to run when you click on the link.

[Daniil]

I still have to assign a javascript function to run when you click on the link.

It might be done via ImageCommandColumn's Command Listener. Does it suite your needs?