轻松控制EasyUI-Tab选项卡-阿里云开发者社区

开发者社区> you一年> 正文

轻松控制EasyUI-Tab选项卡

简介: <span style="font-family:楷体; font-family:楷体; font-size:19px; line-height:27px; widows:auto">    【项目概要】</span> <div style="font-family:楷体; font-size:19px; line-height:27px; widows:auto"> <span sty
+关注继续查看
    【项目概要】
    项目中前台页面用的是EasyUI样式,用户登录后,左侧是导航栏,点击导航栏下的内容,在页面右侧显示的是具体内容。界面如下图所示:
    
    【需求说明】
    目前项目组长已经实现点击左侧导航菜单下的某个选项,界面右侧出现对应的选项卡内容。而我需要完成的需求是当再次点击右侧已打开的选项卡内容,会回到对应的选项卡内容,而不是总停留在最后打开的一项。
    【实现步骤】
    1.点击,打开对应的选项卡,代码如下:              
//需要显示的具体信息的URL地址
                var content = '<iframe scrolling="auto" frameborder="0" src=" ' + url + '" style="width:100%;height:100%;"></ifrmae>';
                //添加选项卡
                $('#tabs').tabs('add', {
                    //选项卡标题
                    title: title,
                    //选项卡内容
                    content: content,
                    //选项卡面板显示关闭按钮
                    closable: true  
                });
    2.点击,加上条件判断。判断选项卡是否打开,并跳转到对应的选项卡,代码如下:
//如果选项卡已经打开
    if($('#tabs').tabs('exists',title)){
                //跳转到指定的选项卡页面
                $('#tabs').tabs('select', title);
 
            } 
    【学习收获】
    1.每一个需求的提出,任务的分配,都是自己学习的机会。
    2.在这一次需求实现的过程中,更多的还是API文档给予自己很大的帮助。其中,对各种控件的方法和属性都有着详细的说明,常用的也有些示例 。通过这次需求实现,至少,Tab选项卡对我来说已经不是新鲜的东西了。
    3.至今,当遇到自己没有接触过的东西,我不再反感或是担心,反而是好奇而充满兴趣。因为,身边有很多巨人,方法也一定很多,根本不用担心不能实现,而主要在于自己能不能想到,敢不敢尝试。有时候,可能会花费时间较长,但这就是我们的积累过程,现在不做、不尝试,等到以后或许会花费更长的时间呢。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
8469 0
打印一个框,可以在平面内任意移动,并且要控制框中的一个坐标点,让它不能移动到框的外面
开发环境:ubuntu 12.04开发工具:gcc编译器   ,vim编辑器 功能: 打印一个框,可以在平面内任意移动,并且要控制框中的一个坐标点,让它不能移动到框的外面 作用: 可以用作技术培训哈   #include  #include  #include  #include ...
631 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10271 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
12145 0
+关注
92
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载