tabProto._setContent = function(html){
this.getElem().find(".content").html(html) ;
} ;
tabProto._getContent = function(url){
return $.ajax({
url : url
}) ;
} ;
4---，核心的辅助数据操作方法，不涉及dom。
复制代码 代码如下:
/* update time 2015 1/26 15:36 */
tabProto._isDisplayMax = function(size){
var displayMax = this.getOpts()["displayMax"] || 5 ;
return (size <= displayMax) ? true : false ;
} ;
tabProto._isEmptyResult = function(){
if(!this.getOpts()["result"].length){
return false ;
}
return true ;
} ;
tabProto._saveOrUpdateStatus = function(item,status){
item["status"] = status ;
} ;
tabProto._getItemListByStatus = function(status){
var list = [] ;
var result = this.getOpts()["result"] ;
$.each(result,function(i,item){
if(status == item["status"]){
list.push(item) ;
}
}) ;
return list ;
} ;
tabProto._getStatusByIndex = function(index){
var status = null ;
var result = this.getOpts()["result"] ;
$.each(result,function(i,item){
if(index == item["index"]){
status = item["status"] ;
}
}) ;
return status ;
} ;
（三），完整代码以供学习，本代码已经过测试，包括目录结构以及相关的文件。
1，html
复制代码 代码如下:
<body>
<div>
大熊君{{bb}} - DXJ UI ------ Tab
</div>
<div>
<div>
<div>
<div>
+ 添加学生信息
</div>
<div>
<!--<div><span>X</span>欢迎页</div>
<div><span>X</span>用户管理</div>
<div><span>X</span>Bigbear</div>-->
</div>
<div>
<div>更多模块</div>
<div>
</div>
</div>
</div>
<div>
</div>
<div>
<!--<div>
<div><span>姓名：</span><input type="text" /></div>
<div><span>备注：</span><textarea></textarea></div>
</div> <div><input type="button" value="保存" /></div>
-->
</div>
</div>
</div>
</body>
2，css
复制代码 代码如下: