Please attach the 'onBeforeOpen' event handler to each tab panels.
<script>
function onBeforeOpen(){
var opts = $(this).panel('options');
if (opts.canOpen == undefined){
opts.canOpen = false;
}
if (opts.canOpen){
return true;
}
$.messager.confirm('Confirm','Are you sure to select '+opts.title+'?', function(r){
if (r){
opts.canOpen = true;
$('#tt').tabs('select',opts.index);
opts.canOpen = false;
}
});
return false;
}
</script>
<div id="tt" class="easyui-tabs" style="width:700px;height:250px">
<div title="tab1" data-options="onBeforeOpen:onBeforeOpen"></div>
<div title="tab2" data-options="onBeforeOpen:onBeforeOpen"></div>
</div>