I tested with ext base vs prototype and it works with ext but not with prototype.
test code I used below, the abort is called but you can see the load still continues in firebug. I used a long running page on my server to try it.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test abort with prototype</title>
<link rel="stylesheet" href="/assets/styles/ext-all.css" type="text/css" media="all" />
<script type="text/javascript" src="/assets/javascripts/prototype.js" id="prototypejs"></script>
<script type="text/javascript" src="/assets/javascripts/ext-prototype-adapter.js" id="ext-prototype-adapterjs"></script>
<script type="text/javascript" src="/assets/javascripts/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.get('mb1').on('click', function(e){
test_refresh();
});
Ext.get('mb2').on('click', function(e){
clear_refresh();
});
Ext.get('mb3').on('click', function(e){
abort_refresh();
});
});
function clear_refresh(){
var div = Ext.get('mydiv');
if (div){
div.dom.innerHTML = "";
}
}
function abort_refresh(){
var div = Ext.get('mydiv');
if (div){
var mgr = div.getUpdateManager();
mgr.abort();
div.dom.innerHTML = "abort called";
}
}
function refreshed(){
Ext.Msg.alert('Status', 'Div was loaded');
}
function test_refresh(){
// reload the other arrays section
//assets/help/home.html
var bn = Ext.get('mydiv');
if (bn){
var mgr = bn.getUpdateManager();
mgr.showLoadIndicator = true;
mgr.abort();
mgr.update({
url: location.protocol + "//"+ location.host + "/arrays/28636079/view.tpl",
callback: refreshed,
scope: this,
discardUrl: true,
nocache: false,
timeout : 130,
scripts: true
});
}
}
</script>
</head>
<body>
<p>
<b>Load element</b><br />
<button id="mb1">update</button> <button id="mb3">abort</button>
</p>
<p>
<b>Clear element</b><br />
<button id="mb2">clear</button>
</p>
<div id=mydiv >
To be filled in,...
</div>
</body>
</html>