easyui tabs的使用

首先引用jquery easyui的相关js文件

然后创建tabs

在页面上编写

<div class="easyui-tabs" style="width: 500px; height: 500px;" id="channelFeeTab" >  
        <div title="金额" style="padding:10px;" href="${app}/app/channelFee/channel-fee_toChannelFeeForMoneyPage.shtml?productId=<s:property value='productId'/>">  
                                
        </div>  
        <div title="期限(多级) " closable="false" style="padding:10px;" href="${app}/app/channelFee/channel-fee_toChannelFeeForTimePage.shtml?productId=<s:property value='productId'/>">  
               
        </div>  
        <div title="其他" closable="false" style="padding:10px;" href="${app}/app/channelFee/channel-fee_toChannelFeeForOtherPage.shtml?productId=<s:property value='productId'/>">  
                            
        </div>  
    </div> 

通过js判断显示需要显示的tab，比如只需要显示金额，不需要显示其他的

var channelFeeType = "<s:property value='#request.channelFeeType'/>";
            if(channelFeeType != ""){
                var tabs = $("#channelFeeTab").tabs("tabs");
                var length = tabs.length;
                var indexArr = new Array();
                for(var i=0;i<length;i++){
                    if(i == parseInt(channelFeeType)){
                        continue;
                    }                    
                    var tab = tabs[i];
                    var title = tab.panel('options').tab.text();
                    indexArr.push(title);
                    
                }
                for(var i=0;i<length;i++){
                    $("#channelFeeTab").tabs("close", indexArr[i]);
                }
             
            }

其中channelFeeType是从后台传过来的一个类型，表示tabs要显示的那个tab，通过tabs的下标找到不需要关闭的tab，将需要关闭的tab的下标的title都保存在

indexArr数组中，然后遍历此数组，将数组中对应下标的tab关闭即可