tried but not working.
look at resize.png, the red circle indicate the tabs-scroller left and right not appear until I perform a manual page refresh(F5).
i did tried:
$(window).resize(function(){
$(.tabsProject).tabs('resize',{});
});
but it makes my datagrid appear at the bottom of my vertical tabs(bottom.png).
here is my whole code:
$(document).ready(function(){
$tabsp = $('#tabsProject');
var pselectedindex = -1;
var mselectedindex = -1;
$(window).resize(function(){
$tabsp.tabs('resize',{});
});
title = $tabsp.tabs('getSelected').panel('options').title;
$tabsp.tabs({
onSelect: function(title, index){
if (pselectedindex != index)
{
var p = $tabsp.tabs('getSelected'); // get the selected tab panel
var pid = p.panel('options').id.substr(4);
pselectedindex = index;
mselectedindex = -1;
$("div.easyui-tabs").each(function() {
if($(this).is(':visible'))
if($(this).attr('id') != 'tabsProject')
$(this).tabs({
onSelect: function(title, index){
if (mselectedindex != index){
var mp = $(this).tabs('getSelected');
var mid = mp.panel('options').id.substr(5);
mselectedindex = index;
mp.panel({
href:'load.do.grid.php?ProjectId='+ pid + '&MaterialId='+ mid
})
}
}
})
});