189 8069 5689

jQuery中EasyUI选项卡面板tabs怎么用

这篇文章将为大家详细讲解有关jQuery中EasyUI选项卡面板tabs怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联公司专注于企业成都营销网站建设、网站重做改版、镇平网站定制设计、自适应品牌网站建设、H5响应式网站商城网站定制开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为镇平等各大城市提供网站开发制作服务。

1、 对选项卡面板区域 div 设置 class=”easyui-tabs”

2、 对选项卡面板区域添加多个 div,每个 div 就是一个选项卡(每个面板一定设置 title)

3、 设置面板 fit 为 true ,自适应父容器大小

4、 设置选项卡 closable 为 true ,添加可关闭按钮

5、通过超链接,点击后,添加新的选项卡

语法: 页面对象.easyui 插件(方法名, 参数) ;



 
 
 easyui-选项卡面板tabs的使用
 
 
 
 
 
 
 
 
  //页面加载后执行
  $(function(){
  //对链接绑定点击事件
  $("#nwtxxb").click(function(){
   //添加一个新的选项卡
   $("#mytabs").tabs('add',{
   title:'CSDN博客',
   content:'学IT,你我他学习吧'
   });
  });
  });
 
 
 
 
              你我他学习吧   
  你我他学习吧
               学Java后台编程,就来你我他学习吧!   学前端开发,就来你我他学习吧!           

关于“jQuery中EasyUI选项卡面板tabs怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


本文名称:jQuery中EasyUI选项卡面板tabs怎么用
标题路径:http://jkwzsj.com/article/psipih.html