how to write trigger combobox events which is present inside aspxgridview

Question

I am using devexpress asp:GridView in asp.net with two columns: "status" and "percentage"

The column "status" is a GridViewDataComboBoxColumn which contain two values: "progress" and "completed"

The column "percentage" is a GridViewDataColumn.

What I want to do is:

If I select completed in status then the percentage should display the text '100'.
but I don't know how to trigger combobox events which is present inside asp:GridView

The code I have (so far) is:

<dxwgv:ASPxGridView ID="gridviewTaskProg" runat="server" 
    AutoGenerateColumns="False" DataSourceID="SqlDataSourceTasks" 

    onbeforeperformdataselect="gridviewTaskProg_BeforePerformDataSelect" 
    onrowupdating="gridviewTaskProg_RowUpdating" KeyFieldName="intProgressID" 
    oninitnewrow="gridviewTaskProg_InitNewRow" 
    onrowinserting="gridviewTaskProg_RowInserting" 
    oncancelrowediting="gridviewTaskProg_CancelRowEditing" 
    onstartrowediting="gridviewTaskProg_StartRowEditing">
    <Columns>
        <dxwgv:GridViewCommandColumn VisibleIndex="0">
            <EditButton Visible="True">
            </EditButton>
        </dxwgv:GridViewCommandColumn>
        <dxwgv:GridViewDataDateColumn FieldName="StartDateTime" VisibleIndex="1">
            <PropertiesDateEdit DisplayFormatString="dd/MM/yyyy hh:mm tt" 
                EditFormat="Custom" EditFormatString="dd/MM/yyyy hh:mm tt"></PropertiesDateEdit>
        </dxwgv:GridViewDataDateColumn>
        <dxwgv:GridViewDataDateColumn FieldName="EndDateTime" VisibleIndex="2">
            <PropertiesDateEdit DisplayFormatString="dd/MM/yyyy hh:mm tt" 
                EditFormat="Custom" EditFormatString="dd/MM/yyyy hh:mm tt" 
                dateonerror="Today"></PropertiesDateEdit>
        </dxwgv:GridViewDataDateColumn>
        <dxwgv:GridViewDataSpinEditColumn FieldName="Percentage" VisibleIndex="3">
            <PropertiesSpinEdit DisplayFormatString="g" NumberFormat="Custom"></PropertiesSpinEdit>
        </dxwgv:GridViewDataSpinEditColumn>
        <dxwgv:GridViewDataComboBoxColumn FieldName="Status" VisibleIndex="4">
            <PropertiesComboBox ValueType="System.String"><Items><dxe:ListEditItem Text="Progress" Value="Progress" /><dxe:ListEditItem Text="Completed" Value="Completed"/></Items></PropertiesComboBox>
            </dxwgv:GridViewDataComboBoxColumn>
        <dxwgv:GridViewDataMemoColumn Caption="Remarks" FieldName="Remarks" 
            VisibleIndex="5">
        </dxwgv:GridViewDataMemoColumn>
    </Columns>
</dxwgv:ASPxGridView>

I formatted your code a little more, you couldn't see all of it. — Josh Darnell, Nov 26 '11 at 08:03

score 2 · Answer 1 · answered Nov 27 '11 at 21:16

Set grid ClientInstanceName to "grid1" (or any other name, just replace it in my code). Change status combo box column as follows:

<dxwgv:GridViewDataComboBoxColumn FieldName="Status" VisibleIndex="4">
    <PropertiesComboBox ValueType="System.String">
        <Items>
            <dxe:ListEditItem Text="Progress" Value="Progress" />
            <dxe:ListEditItem Text="Completed" Value="Completed"/>
        </Items>
        <ClientSideEvents 
            SelectedIndexChanged="function(s,e) { 
                                    if(s.GetValue()=='Completed')
                                        grid1.GetEditor('Percentage').SetValue(100);
                                  }"
        />
    </PropertiesComboBox>
</dxwgv:GridViewDataComboBoxColumn>

Thanks, It's working well. How can i change the readonly property of 'percentage'? — Sheik Syed Mohaideen, Nov 28 '11 at 08:38
Try this: http://documentation.devexpress.com/#AspNet/DevExpressWebASPxEditorsScriptsASPxClientEditBase_SetEnabledtopic — Filip, Nov 28 '11 at 09:13

score 1 · Accepted Answer · answered Nov 28 '11 at 09:34

How can i change the readonly property of 'percentage'?

@Filip: Exactly!

<ClientSideEvents SelectedIndexChanged="function(s, e) { 
        if(s.GetValue() == 'Completed') {
            var txtEditor = grid1.GetEditor('Percentage');
            txtEditor.SetValue(100);
            txtEditor.SetEnabled(false);
        }
      }" />

how to write trigger combobox events which is present inside aspxgridview

2 Answers2