Hi Tony

Many thanks for your reply, I had tried the onrowchange server event before but this is fired as the name suggests on every row change. Rather I would like to navigate the record set with arrow keys until I select the record I want, then press carriage return to fire the event. (I also would like to use the mouse to click as well which works at the moment obviously) I wonder if I can cancel postbacks on the client side (will check) if the key press is not carriage return?

If you have any further pointer would be grateful

Regards

Richard

I have the same problem, the only difference is that I want to select the row typing in the webcombo, using an Editable WebCombo. The SelectedRowChanged event is fired after press the first key, I want to use the enter key to fire the event, or click outside the webcombo.

So I think is the same problem of Richard

Thank in advance

Johni Ecco

Hi Richard,

 I think your code came incomplete and unformatted, but like you said, great minds think alike. With your idea i have solved my problem. Now the user can select the row by typing inside the webcombo and fire the event just when the user press enter, tab, or clicking in a row. Below i provide the full code i used:

.aspx code 

<script id="igClientScript" type="text/javascript">
<!--

//With this function, the event is fired after the user select an item by clicking in a row
function wcCompany_BeforeCloseUp(webComboId)
{
    wcCompany_EditKeyDown(webComboId,0,13);
}

function wcCompany_EditKeyDown(webComboId,newValue,keyCode)
{
    //if user press enter or tab
    if (keyCode == 13 || keyCode == 9)
    {
        var combo = igcmbo_getComboById(webComboId);
        if (combo.getDataValue() != null)
        {
            document.getElementById('<%# hdRowChanged.ClientID %>').value = "1";
            //document.forms[0].submit();
            var warp = ig$('<%# warpCompany.ClientID %>');
            if(!warp)
                return;
            combo.setDisplayValue(combo.getValue());
            warp.refresh();
        }
    }
    else
        document.getElementById('<%# hdRowChanged.ClientID %>').value = "0";
}
-->
</script>

<igmisc:WebAsyncRefreshPanel ID="warpCompany" runat="server" Width="100%" Height="100%" >
    <asp:HiddenField ID="hdRowChanged" runat="server" Value="0" />
    <igcmbo:WebCombo ID="wcCompany" runat="server" Editable="True" >
        <ClientSideEvents EditKeyDown="wcCompany_EditKeyDown" BeforeCloseUp="wcCompany_BeforeCloseUp" />
    </igcmbo:WebCombo>
</igmisc:WebAsyncRefreshPanel>

In the .cs file:

protected void Page_Load(object sender, System.EventArgs e)
{
       if (hdRowChanged.Value == "1" && wcCompany.SelectedRow!=null)
       {
             wcCompany_SelectedRowChanged(wcCompany, null);
       }
}

protected void wcCompany_SelectedRowChanged(object sender, Infragistics.WebUI.WebCombo.SelectedRowChangedEventArgs e)
{
        this.populateDept();
}

As you can see i'm using a WebAsyncRefreshPanel, so i used the js code to refresh the panel, but the code you provide to submit the form works too.

Thanks for the idea

Johni Ecco 

Hi rgparkins,

Maybe you can try use the AfterCloseUp event instead of BeforeCloseUp event.

Johni Ecco 

Tony,

 I have tried to use the BeforeCloseUp event, like you said, but the method isn't fired after i hit the enter key and even after click outside the combo. The method is fired only when the dropdown is closed (clicking in the arrow).

I don't want to use a button to fire the event so my problem persists.

The webcombo don't have a method to do or cancel postbacks like the webgrid have igtbl_cancelPostBack(grid); ?

Cheers,

Johni Ecco