设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › BUG报告和需求建议 › mini tab 撤销关闭事件
返回列表 发新帖
查看: 3419|回复: 8
打印 上一主题 下一主题

mini tab 撤销关闭事件 [复制链接]

westlifeml

Rank: 2
跳转到指定楼层
楼主
发表于 2013-1-21 10:09:35 |只看该作者 |倒序浏览
以下是官网上的demo修改的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Tabs</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />


    <script src="../../scripts/boot.js" type="text/javascript"></script>
    <link href="../../scripts/miniui/themes/olive2003/skin.css" rel="stylesheet" type="text/css" />

</head>
<body>
    <h1>Tabs 选项卡</h1>      

    <div style="padding-bottom:8px;">
        TabPosition：
        <select>
            <option value="left">Left</option>
            <option value="top" selected>Top</option>
            <option value="right">Right</option>
            <option value="bottom">Bottom</option>
        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        TabAlign：
        <select>
            <option value="left" selected>Left</option>
            <option value="center">Center</option>
            <option value="right">Right</option>
            <option value="fit">Fit</option>
        </select>
    </div>
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;" plain="false" oncloseclick="closeclick">
    <div title="Tab1" >
        1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />
    </div>
    <div title="Tab2" iconCls="icon-cut" >
        2
    </div>
    <div title="Tab3" showCloseButton="true">
        3
    </div>
    <div title="Tab4" showCloseButton="true" enabled="false">
        4
    </div>
</div>


    <script type="text/javascript">
        mini.parse();

        function onTabPositionChange(value) {
            var tabs = mini.get("tabs1");
            tabs.setTabPosition(value);
        }

        function onTabAlignChange(value) {
            var tabs = mini.get("tabs1");
            tabs.setTabAlign(value);
        }

function closeclick(sender) {
            if (!confirm("您确定需要关闭吗？"))
                sender.cancel = true;


        }
    </script>
    <br /><br /><br />
    <h4>换行</h4>
<div id="tabs2" class="mini-tabs" tabAlign="fit" activeIndex="0" style="width:350px;height:200px;">
    <div title="Tab1">
        1
    </div>
    <div title="Tab2" iconCls="icon-cut" >
        2
    </div>
    <div title="Tab3" showCloseButton="true" newLine="true">
        3
    </div>
    <div title="Tab4" showCloseButton="true" enabled="false">
        4
    </div>
</div>

</body>
</html>



为什么关闭事件被执行了，但是tab还是被关闭了呢？是不是我哪里写错了？

举报

factory

Rank: 8Rank: 8
沙发
发表于 2013-1-21 10:11:19 |只看该作者
更新miniui，然后再试试

举报

westlifeml

Rank: 2
板凳
发表于 2013-1-21 10:19:04 |只看该作者
factory 发表于 2013-1-21 10:11
更新miniui，然后再试试

这个是你们官网上的demo，我怎么更新

举报

westlifeml

Rank: 2
地板
发表于 2013-1-21 10:19:53 |只看该作者
我直接点的code，修改之后点的运行

举报

factory

Rank: 8Rank: 8
5#
发表于 2013-1-21 10:40:57 |只看该作者
westlifeml 发表于 2013-1-21 10:19
我直接点的code，修改之后点的运行

不要用网上的code直接运行，这个可能是会出问题的。
直接下载试用包自己本地运行。
你说的这个问题前面也有人报过，这个问题很早就已经修复了，如果没效果，应该是你版本太低，更新下就可以了

举报

westlifeml

Rank: 2
6#
发表于 2013-1-21 11:12:26 |只看该作者
factory 发表于 2013-1-21 10:40
不要用网上的code直接运行，这个可能是会出问题的。
直接下载试用包自己本地运行。
你说的这个问题前面也 ...

我下载了新的for eclipse 在\miniui_java\miniui_java\WebContent\demo\tabs\tabs.html文件上修改的，好像还是不行
代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Tabs</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

   
    <script src="../../scripts/boot.js" type="text/javascript"></script>
    <link href="../../scripts/miniui/themes/olive2003/skin.css" rel="stylesheet" type="text/css" />
   
</head>
<body>
    <h1>Tabs 选项卡</h1>      
   
    <div style="padding-bottom:8px;">
        TabPosition：
        <select onchange="onTabPositionChange(this.value)">
            <option value="left">Left</option>
            <option value="top" selected>Top</option>
            <option value="right">Right</option>
            <option value="bottom">Bottom</option>
        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        TabAlign：
        <select onchange="onTabAlignChange(this.value)">
            <option value="left" selected>Left</option>
            <option value="center">Center</option>
            <option value="right">Right</option>
            <option value="fit">Fit</option>
        </select>
    </div>
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;" plain="false" oncloseclick="closeclick">
    <div title="Tab1" >
        1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />
    </div>
    <div title="Tab2" iconCls="icon-cut" >
        2
    </div>
    <div title="Tab3" showCloseButton="true">
        3
    </div>
    <div title="Tab4" showCloseButton="true" enabled="false">
        4
    </div>
</div>
   

    <script type="text/javascript">
        mini.parse();

        function onTabPositionChange(value) {
            var tabs = mini.get("tabs1");
            tabs.setTabPosition(value);
        }

        function onTabAlignChange(value) {
            var tabs = mini.get("tabs1");
            tabs.setTabAlign(value);
        }
function closeclick(sender) {
            if (!confirm("您确定需要关闭吗？"))
                sender.cancel = true;

        }


    </script>
    <br /><br /><br />
    <h4>换行</h4>
<div id="tabs2" class="mini-tabs" tabAlign="fit" activeIndex="0" style="width:350px;height:200px;">
    <div title="Tab1">
        1
    </div>
    <div title="Tab2" iconCls="icon-cut" >
        2
    </div>
    <div title="Tab3" showCloseButton="true" newLine="true">
        3
    </div>
    <div title="Tab4" showCloseButton="true" enabled="false">
        4
    </div>
</div>

</body>
</html>

举报

westlifeml

Rank: 2
7#
发表于 2013-1-21 11:14:17 |只看该作者
用的是ie7

举报

factory

Rank: 8Rank: 8
8#
发表于 2013-1-21 14:02:20 |只看该作者
westlifeml 发表于 2013-1-21 11:14
用的是ie7

你用错事件了，应该用beforecloseclick。

举报

westlifeml

Rank: 2
9#
发表于 2013-1-21 21:38:09 |只看该作者
谢谢````

举报

返回列表 发新帖

Archiver|普加软件

GMT+8, 2024-11-27 00:26 , Processed in 1.045095 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部