jQuery MiniUI

 找回密码
 立即注册
查看: 3381|回复: 8
打印 上一主题 下一主题

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

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还是被关闭了呢?是不是我哪里写错了?

Rank: 8Rank: 8

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

Rank: 2

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

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

Rank: 2

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

Rank: 8Rank: 8

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

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

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>

Rank: 2

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

Rank: 8Rank: 8

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

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

Rank: 2

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

Archiver|普加软件

GMT+8, 2024-11-1 22:31 , Processed in 1.036419 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部