1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    27
    Vote Rating
    0
    dissectcode is on a distinguished road

      0  

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

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


    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

  2. #2
    Sencha User loiane's Avatar
    Join Date
    Aug 2009
    Posts
    184
    Vote Rating
    53
    loiane is a jewel in the rough loiane is a jewel in the rough loiane is a jewel in the rough

      0  
    Sencha/Java evangelist
    Author of ExtJS 4 First Look and Mastering Ext JS books
    English blog: http://loianegroner.com
    Portuguese blog: http://loiane.com
    Sencha Examples: https://github.com/loiane

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    27
    Vote Rating
    0
    dissectcode is on a distinguished road

      0  

    Default


    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?

  4. #4
    Sencha User loiane's Avatar
    Join Date
    Aug 2009
    Posts
    184
    Vote Rating
    53
    loiane is a jewel in the rough loiane is a jewel in the rough loiane is a jewel in the rough

      0  

    Default


    Quote Originally Posted by dissectcode View Post
    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
    Sencha/Java evangelist
    Author of ExtJS 4 First Look and Mastering Ext JS books
    English blog: http://loianegroner.com
    Portuguese blog: http://loiane.com
    Sencha Examples: https://github.com/loiane

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Posts
    27
    Vote Rating
    0
    dissectcode is on a distinguished road

      0  

    Default


    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.

  6. #6
    Sencha User loiane's Avatar
    Join Date
    Aug 2009
    Posts
    184
    Vote Rating
    53
    loiane is a jewel in the rough loiane is a jewel in the rough loiane is a jewel in the rough

      0  

    Default


    Quote Originally Posted by dissectcode View Post
    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.
    Sencha/Java evangelist
    Author of ExtJS 4 First Look and Mastering Ext JS books
    English blog: http://loianegroner.com
    Portuguese blog: http://loiane.com
    Sencha Examples: https://github.com/loiane

Thread Participants: 1

Tags for this Thread