How to create an action button --in Architect--

[dissectcode]

There are many helpful javascript source code examples on how to create a button like this : http://try.sencha.com/extjs/4.0.7/do...lumn.Action.1/

but I can't find any documentation on how to create it in Architect.

The closest I could find is this doc : http://docs.sencha.com/architect/2/#...navigationview

I have a grid and I need to add a delete button, to remove a row. I can find the js code for the handler easily online, but what are the steps to create a button in Architect?

So far I clicked on MyGridPanel > Columns + > Action Column

and it created MyActionColumn but how do I specify a delete button with a trash can? thank you

[loiane]

Following is an example:

https://github.com/loiane/sencha-extjs4-examples-architect/tree/master/grid/arrayGrid

[dissectcode]

Thanks for the source code but where is the documentation on how to create the button in architect?

How do I open that example in Architect?


$ git clone https://github.com/loiane/sencha-ext...grid/arrayGrid
Cloning into 'arrayGrid'...
fatal: https://github.com/loiane/sencha-ext...Grid/info/refs not found: did you run git update-server-info on the server?

[loiane]

Thanks for the source code but where is the documentation on how to create the button in architect?

How do I open that example in Architect?


$ git clone https://github.com/loiane/sencha-ext...grid/arrayGrid
Cloning into 'arrayGrid'...
fatal: https://github.com/loiane/sencha-ext...Grid/info/refs not found: did you run git update-server-info on the server?

If you want to clone the git repository, use this one: https://github.com/loiane/sencha-ext...les-architect/

The action column works the same way as any other component in Sencha Architect. You can select the action Column, Drag it and drop it into the Grid's column. To add another button in the action column (it comes with 2 items already), drag and drop an action column item into the action columns.

sencha-architect-action-column-loiane.png

sencha-architect-action-column-loiane-2.png

[dissectcode]

OK maybe I'm missing something but I already said that I created the action column. How do I create a BUTTON ? I can see the icon I specified displayed inside the column but I WANT TO BE ABLE TO CLICK ON IT. It isn't clickable now.

[loiane]

OK maybe I'm missing something but I already said that I created the action column. How do I create a BUTTON ? I can see the icon I specified displayed inside the column but I WANT TO BE ABLE TO CLICK ON IT. It isn't clickable now.

The button inside the action column is the action column item. You can set an icon to it (iconCls property) so you can see it when you execute the app.