gridpanel commands with javascript

[iomega55]

I need to have a gridpanel with these 3 options on it:

1) each time the user clicks on the row(any column except the next 2 columns), it needs to fire a client chart reload(this chart is inside the same page below the gridpanel) (cht.store.reload(); cht.redraw();)

2) in the same row of the grid, I need to have a column (button or command or image), when the user clicks on it, it must activate a tabpanel's panel and change the title of it ( tabpanel.setActiveTab(panel);panel.setTitle(tl);)

3) in the same row of the grid, I need to have a column(button or command or image), when the user clicks on it, this must happen an onevent cycle, like the next:

<DirectEvents>
                                <CellClick  OnEvent="grdPShow" Success="top.GApp.wndHdr(#{wndP},2);">
                                    <EventMask ShowMask="true" CustomTarget="={#{grdP}.body}" />
                                    <ExtraParams>
                                        <ext:Parameter Name="xP" Value="record.getId()" Mode="Raw" />
                                    </ExtraParams>
                                </CellClick>
                            </DirectEvents>

Summary:
- on select or click the row triggers a javascript
- on click on a command button, triggers a javascript
- on click on a command button, fires a directevent call


So, how can I achieve this?

[iomega55]

This is a way I workaoround with the request I did:

1) The first column I have an hyperlink (instead of a command)

    linkN : function (value, metadata, record) {
        return Ext.String.format("<a href=\"#\" onclick=\"LApp.onN('{1}')\">{0}<a/>", top.GFn.zFill(record.data.Id,4), record.data.Periodotrabajo);
    },

     <ext:Column runat="server" Text="Id" DataIndex="Id" Width="40">
             <Renderer Fn="LApp.linkN" />
      </ext:Column>

2) I declare a command column for the OnEvent:

                <ext:CommandColumn runat="server" Width="25">
                                        <Commands>
                                            <ext:GridCommand Icon="BulletEdit" CommandName="EP" />
                                        </Commands>
                                        <DirectEvents>
                                            <Command  OnEvent="grdPShow" Success="top.GApp.wndHdr(#{wndP},2);">
                                                <EventMask ShowMask="true" CustomTarget="={#{grdP}.body}" />
                                                <ExtraParams>
                                                    <ext:Parameter Name="xP" Value="record.getId()" Mode="Raw" />
                                                </ExtraParams>
                                            </Command>
                                        </DirectEvents>
                                    </ext:CommandColumn>

3) For the selection of the rows with chart reload :

          <SelectionModel>
                                <ext:RowSelectionModel runat="server" Mode="Single">
                                    <Listeners>
                                        <Select Handler="top.GApp.chrR(#{cht1});" Buffer="250" />
                                    </Listeners>
                                </ext:RowSelectionModel>
                            </SelectionModel>