[CLOSED] [1.0] combobox getValue on select event

[PoloTheMonk]

Hi,
I have a combo box as editor in a gridpanel and on its select event I try to return combo's value but it does not work; here the code:

<ext:GridPanel ID="GrigliaUtenti" runat="server" StoreID="StGrigliaUte" Height="385" StripeRows="true" AutoExpandColumn="UserName"> 
    <ColumnModel ID="ColumnModel1" runat="server">
        <Columns>
            <ext:Column ColumnID="ID" Header="UserID" DataIndex="UserID" Width="110" resizable="false"></ext:Column>
            <ext:Column ColumnID="UserName" Header="Utente" DataIndex="UserName" Width="270" Resizable="false"></ext:Column>
            <ext:Column ColumnID="Permesso" Header="Permesso" DataIndex="Permesso" Width="100" Resizable="false" Align="Center">
                <Renderer Fn="ConvertiPermesso" />
                <Editor>
                    <ext:ComboBox ID="cmbPermesso" StoreID="StCmbPermesso" DisplayField="Valore" ValueField="ID" runat="server" Shadow="Drop" Mode="Local" TriggerAction="All" ForceSelection="true">
                        <DirectEvents>
                            <Select OnEvent="cmbPermesso_ItemSelected">
                                <ExtraParams>
                                    <ext:Parameter Name="UserID" Value="#{GrigliaUtenti}.selModel.selections.items[0].data.UserID" Mode="Raw"></ext:Parameter>
                                    <ext:Parameter Name="Permesso" Value="#{cmbPermesso}.getValue()" Mode="Raw"></ext:Parameter>
                                </ExtraParams>
                            </Select>
                        </DirectEvents>
                    </ext:ComboBox>
                </Editor>
            </ext:Column>
        </Columns>
    </ColumnModel>

    <SelectionModel>
        <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
    </SelectionModel>

    <BottomBar>    
        <ext:PagingToolbar ID="PagingToolBar1" runat="server" PageSize="15" AfterPageText="di {0}" BeforePageText="Pagina" StoreID="StGrigliaUte" DisplayInfo="true" DisplayMsg="Record: {0} - {1} di {2}" Cls="qcTBBar" EmptyMsg="Nessun dato" Height="28">
        </ext:PagingToolbar>
    </BottomBar>
</ext:GridPanel>

For test I add a select listeners and it works!!!

...
<ext:ComboBox ID="cmbPermesso" StoreID="StCmbPermesso" DisplayField="Valore" ValueField="ID" runat="server" Shadow="Drop" Mode="Local" TriggerAction="All" ForceSelection="true">
    <Listeners>
        <Select Handler="alert(#{cmbPermesso}.getValue());" />
    </Listeners>

    <DirectEvents>
        <Select OnEvent="cmbPermesso_ItemSelected">
            <ExtraParams>
                <ext:Parameter Name="UserID" Value="#{GrigliaUtenti}.selModel.selections.items[0].data.UserID" Mode="Raw"></ext:Parameter>
                <ext:Parameter Name="Permesso" Value="#{cmbPermesso}.getValue()" Mode="Raw"></ext:Parameter>
            </ExtraParams>
        </Select>
    </DirectEvents> 
</ext:ComboBox>
....

I tried also on VBCode to get value but with no result

Dim Permesso As String = cmbPermesso.SelectedItem.Value

Thanks for any suggest.
Paolo

[PoloTheMonk]

Hi
I solved my problem to get value of the corrisponding grid's field instead the combo's value.

<ext:ComboBox ID="cmbPermesso" StoreID="StCmbPermesso" DisplayField="Valore" ValueField="ID" runat="server" Shadow="Drop" Mode="Local" TriggerAction="All" ForceSelection="true" >
    <DirectEvents>
        <Select OnEvent="cmbPermesso_ItemSelected">
            <ExtraParams>
                <ext:Parameter Name="UserID" Value="#{GrigliaUtenti}.selModel.selections.items[0].data.UserID" Mode="Raw"></ext:Parameter>
                <ext:Parameter Name="Permesso" Value="#{GrigliaUtenti}.selModel.selections.items[0].data.Permesso" Mode="Raw"></ext:Parameter>
            </ExtraParams>
        </Select>
    </DirectEvents>
</ext:ComboBox>

But I want to know how function getValue() does not work.
Thanks,
Paolo

[Vladimir]

Hi,

Cell's editor is handled by grid always. Therefore it can be cleared and etc. Use AfterEdit event of the grid

afteredit : ( Object e )
Fires after a cell is edited. The edit event object has the following properties 

    * grid - This grid
    * record - The record being edited
    * field - The field name being edited
    * value - The value being set
    * originalValue - The original value for the field, before the edit.
    * row - The grid row index
    * column - The grid column index

grid.on('afteredit', afterEdit, this );

function afterEdit(e) {
    // execute an XHR to send/commit data to the server, in callback do (if successful):
    e.record.commit();
};

Listeners will be called with the following arguments:

    * e : Object
      An edit event (see above for description)