How to show hyper link as grid cell content and make it can listen to click event?

[taocore]

As the title.

[cruisin]

As the title.

you can use a cell renderer (specified in the cm) and return the <a href="...>
e.g.

function emailRenderer(val) {
    if (val != null) {
        return '<a href=\'mailto:' + val + ';\'>' + val + '</a>';
    }
    return val;
}

then in your cm

{header: "Email", width: 100, dataIndex: 'email',renderer:emailRenderer}

[taocore]

I know how to render a cell. But I want to do some complex things not just mailto or other simple url link when the hyper link was clicked. Should I use the renderer like this:

return "<a href='javascript:void(0)' onclick='javascriptFunction'> " + model.get("name") + "</a>";

and invoke a javascript function.

Any pure java solution? I am not familiar with javascript.

[gslender]

it really depends on what you are trying to do... if need something to click on, why not just listen to the cellselection events and work from that? there is then no need to render html that calls javascript.

btw - grid can only render html string so whilst you can put in javascript, its going to be immensely complex to plain Javascript->JSNI from GWT to work.

[4dept]

The problem is the same : click listener is not fired when anchor (and inner image) is inserted in grid cell using renderer
i'e tried :

ex1:

HTML h = new HTML("<a .. > ... </a>");
h.addClickListener(new ClickListener() {

  public void onClick(Widget sender) {
        // is not fired :(
  }
});

// during rendering
return h.getHTML();

ex2:

Hyperlink h = new Hyperlink();
h.setText("link");
h.addClickListener( /*  the same */ );

// during rendering
return h.getHTML();

ex3:

Widget w = new Widget() {
                public void onBrowserEvent(Event event) {
                    // is not fired
                  }
            };
w.sinkEvents(Events.OnClick);
DOM.setEventListener(image.getElement(), w);

What should i do to handle it?

[kolli]

Something similar, HTML image click in a grid.
http://ravikolli.blogspot.com/2009/0...nt-in-gxt.html

[4dept]

Something similar, HTML image click in a grid.
http://ravikolli.blogspot.com/2009/0...nt-in-gxt.html

Hmm, cell click is not the same as just element in it.
It is needed to define what cell and element in int was clicked exactly (using target or smth)

[kolli]

yap that is what u should be doing..

[emerout]

Here is my solution to this issue :

// you could design column1 with a custom renderer, any hyper link or image
[...]

final Grid<MyItem> grid = new Grid<MyItem>(store, cm);
final int indexCol = cm.findColumnIndex("column1");

grid.addListener(Events.CellClick, new Listener<BaseEvent>() {
	public void handleEvent(BaseEvent be) {
		GridEvent ge = (GridEvent) be;
		if (ge.colIndex == indexCol) {
			MyItem i = grid.getSelectionModel().getSelectedItem();
			
			// Do stuff with My item, remove it ...
			store.remove(i);
		}
	}
});

[kalandi82]

I have a hyperlink in a grid column. when ever i am going to clink that email link that time a new email window open with that mail id in to field? Request to please help me.