招标系统-easyui插件中标签选择和创建

来源:互联网 发布:mac怎么关闭应用程序 编辑:程序博客网 时间:2024/04/30 15:31

在参与项目的开发中,遇到了这样一个问题。tabs标签不能实现自动选择,只能够创建新的tab.


在第一次验收中,公司那边就提出了需求,要通过点击左边的功能选项来选择相对应的标签,而不仅限于创建。


这个问题解决办法很简单,就是几行代码的事儿。在cshtml页面修改如下:

///添加人:齐伟             ///添加日期: <2015-11-29>             if ($('#tabs').tabs('exists', title)) {                   $('#tabs').tabs('select', title);   //如果标签存在,那么自动选择            }            ///结束:             //否则创建标签            else {                var content = '<iframe scrolling="auto" frameborder="0" src=" ' + url + '" style="width:100%;height:100%;"></ifrmae>';                $('#tabs').tabs('add', {                       title: title,          //创建的标签                    content: content,      //创建标签所对应的页面内容                    closable: true         //选项卡面板将显示一个关闭按钮,在点击的时候会关闭选项卡面板。                });            }

通过此代码,就能够顺利地实现标签的自动选择和创建。


附一张效果图:


0 0
原创粉丝点击