|
Title: Changing tab icon after AJAX page load Post by: Aod47 on February 14, 2020, 08:06:50 PM Hello,
From this topic https://www.jeasyui.com/forum/index.php?topic=8206 (https://www.jeasyui.com/forum/index.php?topic=8206) Which a panel I called from AJAX. Sometime wait to long. So, I tried to changed icon to icon-loading and add event onLoad for change to real icon that I want to display. But the icon not change. ??? Code: <div id="TabpanelBib" class="easyui-tabs" data-options="fit:true,plain:true,tabPosition:'right',headerWidth:40,tabHeight:40,border:false"> <div iconCls="icon-bricks" data-options="tip:'Items'"> <div id="TabBibItems" class="easyui-panel" style="width:100%;height:100%;border:none;overflow:hidden;border-left:solid 1px #d3d3d3;padding: 5px 5px 5px 6px;"></div> </div> <div id="tbBibCard" iconCls="icon-loading" data-options="tip:'Bibliographic Card'" > <div id="TabBibCard" class="easyui-panel" data-options="onLoad:function(){$('#tbBibCard').attr('iconCls', 'icon-attributes');}" style="width:100%;height:100%;border:none;border-left:solid 1px #d3d3d3;padding: 5px 5px 5px 6px;"></div> </div> <div iconCls="icon-form" data-options="tip:'MARC Form'"> <div id="TabBibForm" class="easyui-panel" style="width:100%;height:100%;border:none;overflow:hidden;border-left:solid 1px #d3d3d3;padding: 5px 5px 2px 6px;"></div> </div> <div iconCls="icon-cog1" data-options="tip:'Record Config'"> <div id="TabBibConfig" class="easyui-panel" style="width:100%;height:100%;border:none;overflow:hidden;border-left:solid 1px #d3d3d3;padding: 5px 5px 5px 6px;"></div> </div> </div> Could you please advice. Thank you very much. Title: Re: Changing tab icon after AJAX page load Post by: Aod47 on February 14, 2020, 08:47:04 PM Got It! Thank you.
Code: onLoad:function(){$('#TabpanelBib').find('li:eq(1)').find('span:eq(1)').removeClass('icon-loading').addClass('icon-attributes');} |