Button in Grid's cell

[boydapa3]

is it possible to attach the Ext.Button in columnModel?
if possible can you show me example.. tnx!

i'm new here and this library is great! tnx!

[JeffHowden]

Instead of putting a button in the grid, why not use a toolbar and act on the selected row(s)?

[Animal]

Use a custom renderer for that column. In the render function create a span with a generated id, and set off an onAvailable on that id to create the Button.

[boydapa3]

i've tried this one..

....
},{
  header: "Edit",
  width: 50,
  sortable: true,
  renderer: myButton = function(){return '<span id="edit"></span>';}
},{
...

....
btnEdit = new Ext.Button('edit',{text: 'edit'});
...

but it returns error "el has no properties"

[/code]

[Animal]

Well of course. That's why I said to set off an onAvailable wait.

There's no element with an id of "edit" until the renderer has been called to create the data cell....

And then there will be many - one in each row! Which is why I also said generate an id.

[boydapa3]

Actually, I'm new with this library, and I started a project using this one..

I have no idea how can i generate an ID and about the onAvailable event.

I'll be thankful if you can give me some example..

Thanks!!

[papasi]

if you have a lot of rows and you want to create a button for each row it might not be practical to attach events to wait for each id onavailable.

another suggestion is to bind a custom css classname to that column and use domquery to select all the cells after the grid is rendered.

[JeffHowden]

What is the purpose of these buttons?

[Animal]

The documentation is 80% there, and the bits you need are all there.

http://www.yui-ext.com/deploy/ext-1.0-alpha3/docs/

See the Ext base class, specifically Ext.id()

Docs about the YAHOO foundation classes are on the old docs page (Don't use this page for info about Ext), but hopefully they will be included in the official release os Ext 1.0:

http://www.yui-ext.com/deploy/yui-ext/docs/

You will need to find YAHOO.util.event.onAvailable()

[boydapa3]

When the button was click it will launch a dialog for editting of the contents