Skip to main content

GWT: Emulate tab on Enter

Sometimes users expect text boxes to move focus on to the next element after pressing Enter, similar to most spreadsheets. If you are using GWT and jQuery, here is a little snippet to help you along:



public class AutoTabbedTextBox extends TextBox implements KeyUpHandler {
    public AutoTabbedTextBox() {
        super();
        addKeyUpHandler(this);
    }

    @Override
    public void onKeyUp(KeyUpEvent event) {
        // emulate tab on key
        if (event.getNativeKeyCode() == KeyCodes.KEY_ENTER)
            focusNext(event.getNativeEvent());
    }

    public native void focusNext(NativeEvent event)/*-{
            var inputs = $wnd.$(':input:visible');
            inputs.eq(inputs.index(event.target) + 1).focus();
    }-*/;
}

Comments

Popular posts from this blog

Automate SQL Dumps for SQLServer

The backup mechanism in SQL Server may be fine for many cases, but there are limitations with it (like restoring to a different server). I really like how I can just dump the database SQL with mySQL which can be easily processed with custom scripts. I was looking around for a mysqldump equivalent for SQLServer. I know you can do this with the SQL Management Studio through GUI in 2008 version, but I need this to be automated. This lead me to discover the SQL Server Management API . With it, you can do a SQL Dump like: using Microsoft.SqlServer.Management.Smo; using Microsoft.SqlServer.Management.Common; using Microsoft.SqlServer.Management.Sdk.Sfc; namespace SQLGenerator { class Program { static void Main(string[] args) { //Connect to the local, default instance of SQL Server. { Server myServer = new Server(args[0]); Database db = default(Database); db = myServer.Databases["be"]; ...

Why Microsoft fails on Usability with Win8