Should be simple. Isn't. The a tag has an href, so the browser wants to follow the link. I don't want it to. Instead I want to load the href via an AJAX call.

Code:
Ext.onReady ( function () {
    Ext.BLANK_IMAGE_URL = "/js/extjs/resources/images/default/s.gif";

    Ext.select ("div#topmenu ul li a").on ("click", (
         function (e, t) {
             e.cancelEvent();   // doesn't work
             return false;        // doesn't work either 
         }
     ));
});
I'm hoping to eventually replace this bit of jQuery code with an Ext equivalent:

Code:
$(function() {
    $("div#topmenu ul li a").click ( function() {
        $("div#middle").fadeOut ("slow").hide().load (
            $(this).attr("href"),
            function() { $("div#middle").fadeIn("slow"); }
        );
        $("a.active").removeClass ("active");
        $(this).addClass("active");
        return false;
    });
});
but I can't even get past handling the click properly, which is frankly pretty discouraging.