function initevents()
{
//reset scoller
resetscoller(); //设置默认是否出现滚动掉
scollerclick(); //滚动条的点击事件，如果存在的话
ulwrap.find("li:not(.x-tab-edge)").each(function(e){
inititemevents(this); //给每个选项卡 添加事件
});
}
function inititemevents(liitem)
{
liswaphover.call(liitem); //选项卡的鼠标hover效果
liclick.call(liitem); //选项卡的点击事件
closeitemclick.call(liitem); // 点击关闭按钮的事件
}
至于事件的实现，其实一个个来做，各个击破也就简单了。主要繁琐在控制滚动按钮的出现和禁用等的处理上，其他点击事件等都比较简单。
最后就是公开方法，和为了公开这些方法来编写一些内部方法，这个tabpanel自然还是比较简单易用，同时扩展性。大家可以根据实际的需求做些调整，当然现在的功能应该也满足大部分的要求了。
最后来看一下公开了哪些方法：
1：动态 新增tab项的方法，即通过js动态新增tab项，这里其实就是对items数据的维护，然后重新调用tabitem的输出html方法，最后单独为其设置事件。简单
2：选中或者新增。这也是通过js调用的方法，是对上一方法的扩展，即可通过js让某个tab项激活，如果该项不存在则通过参数来新增该选项卡
3：重新设置tabpanel的大小，即通过js重新设置tabpanel的大小，这个在窗口大小变化时调用，非常实用哦。
4：设置某项为禁用，通过js方法设置某项tabitem状态为禁用。
最后大家可以通过 代码 包括之前控件的实例，我已经提供了一个压缩包，但是我更推荐大家实用SVN获取最新代码。因为有的时候一些小的变动我就不发文告知了。
您可能感兴趣的文章: