jQuery MiniUI

标题: tabs的moveTab问题 [打印本页]

作者: pvfhv 时间: 2013-9-24 14:27:50 标题: tabs的moveTab问题

moveTab的问题，不能移动tab项到指定的位置！！

<div id="tabs1" class="mini-tabs" style="width:500px; height:300px;" tabPosition="top" showBody="true"></div>

<input type="button" value="增加一个tab" id="btn2" />
<input type="button" value="移动tab" id="btn5" />

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

      var tabs = mini.get('tabs1');
      tabs.setTabs([
         { title: '选项一', iconCls: 'icon-add' },
         { title: '选项二', iconCls: 'icon-edit' },
         { title: '选项三', iconCls: 'icon-remove' }
      ]);

      $('#btn2').click(function () {
         var obj = { title: '选项四', iconCls: 'icon-cancel', name: 'random' };
         tabs.addTab(obj,1);
      });

      $('#btn5').click(function () {
         //tabs.moveTab('random', 0);
         //tabs.moveTab('random', 1); //保留在原位置

         //tabs.moveTab('random', 2); //不起作用！！！！
         tabs.moveTab('random', 3); //移动到倒数第2位，而不是末尾！！
      });

</script>

作者: factory 时间: 2013-9-24 14:32:51

'random' 是什么东西?

moveTab ( tab, index ) 参数是tab,不是tabName
你这样写,当然不没效果了

var tab = tabs.getTab ( index/name )

tabs.moveTab ( tab, index )

作者: pvfhv 时间: 2013-9-24 14:38:03

本帖最后由 pvfhv 于 2013-9-24 14:45 编辑

factory 发表于 2013-9-24 14:32
'random' 是什么东西?

moveTab ( tab, index ) 参数是tab,不是tabName

random是选项四的name属性，请你仔细看一下问题……
$('#btn5').click(function () {
         var tab = tabs.getTab('random');
         tabs.moveTab(tab, 2); //不起作用！！！！
         tabs.moveTab(tab, 3); //移动到倒数第2位，而不是末尾！！

}

作者: factory 时间: 2013-9-24 14:45:19

pvfhv 发表于 2013-9-24 14:38
random是选项四的name属性，请你仔细看一下问题……

moveTab()的参数不是tabname,需要tab对象
你可以通过getTab(tabName)获取到tab对象,再moveTab(tab,index)

作者: pvfhv 时间: 2013-9-24 14:49:15

factory 发表于 2013-9-24 14:45
moveTab()的参数不是tabname,需要tab对象
你可以通过getTab(tabName)获取到tab对象,再moveTab(tab,index) ...

请你认真执行一下代码！

作者: factory 时间: 2013-9-24 14:58:16

pvfhv 发表于 2013-9-24 14:49
请你认真执行一下代码！

[attach]2930[/attach]

[attach]2932[/attach]
另外,moveTab()里面的index是第几个位置

作者: pvfhv 时间: 2013-9-24 15:44:23

factory 发表于 2013-9-24 14:58
另外,moveTab()里面的index是第几个位置

tabs.moveTab(tab, 2); //不起作用！！！！
tabs.moveTab(tab, 3); //移动到倒数第2位，而不是末尾！！

请解释一下这两行代码！

作者: factory 时间: 2013-9-24 16:07:29

pvfhv 发表于 2013-9-24 15:44
tabs.moveTab(tab, 2); //不起作用！！！！
tabs.moveTab(tab, 3); //移动到倒数第2位，而不是末尾！！

我上面不是跟你说了吗?是位置,从1开始,不是0

作者: pvfhv 时间: 2013-9-24 17:03:11

factory 发表于 2013-9-24 16:07
我上面不是跟你说了吗?是位置,从1开始,不是0

那tabs.moveTab(tab, 1); //就移动到第1位吗，但是不起作用呀！！

作者: factory 时间: 2013-9-24 17:10:29

pvfhv 发表于 2013-9-24 17:03
那tabs.moveTab(tab, 1); //就移动到第1位吗，但是不起作用呀！！

我看下

作者: niko 时间: 2013-9-24 17:33:21

abcd的顺序，然后：
1.先确定2的位置是c
2.删除b
3.将b插入到c之前
还是：abcd

作者: pvfhv 时间: 2013-9-24 17:49:01

factory 发表于 2013-9-24 17:10
我看下

请给我一个把它移动到最后位置的解决方案！

作者: niko 时间: 2013-9-25 09:49:21

tabs.moveTab(tab, -1);
给一个不存在的index就可以移动到最后。
新版本修复次BUG

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)