tabManager.htm 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  6. <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  7. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  8. <script src="../../lib/ligerUI/js/plugins/ligerTab.js" type="text/javascript"></script>
  9. <script src="../../lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
  10. <script src="../../lib/ligerUI/js/plugins/ligerMenu.js" type="text/javascript"></script>
  11. <script src="../../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
  12. <script type="text/javascript">
  13. var navtab = null;
  14. $(function ()
  15. {
  16. $("#tab1").ligerTab();
  17. navtab = $("#tab1").ligerGetTabManager();
  18. });
  19. var alert = function (t)
  20. {
  21. $.ligerDialog.warn(t.toLocaleString());
  22. }
  23. function f_click(type)
  24. {
  25. switch (type)
  26. {
  27. case "moveToPrevTabItem":
  28. navtab.moveToPrevTabItem();
  29. break;
  30. case "moveToNextTabItem":
  31. navtab.moveToNextTabItem();
  32. break;
  33. case "moveToLastTabItem":
  34. navtab.moveToLastTabItem();
  35. break;
  36. case "getTabItemCount":
  37. alert(navtab.getTabItemCount());
  38. break;
  39. case "getSelectedTabItemID":
  40. alert(navtab.getSelectedTabItemID());
  41. break;
  42. case "removeSelectedTabItem":
  43. navtab.removeSelectedTabItem();
  44. break;
  45. case "removeSelectedTabItem":
  46. navtab.removeSelectedTabItem();
  47. break;
  48. case "removeSelectedTabItem":
  49. navtab.removeSelectedTabItem();
  50. break;
  51. case "overrideSelectedTabItem":
  52. $.ligerDialog.prompt('请输入网址', 'http://www.baidu.com', function (yes, value)
  53. {
  54. if (yes) navtab.overrideSelectedTabItem({ url: value });
  55. });
  56. break;
  57. case "selectTabItem":
  58. $.ligerDialog.prompt('请输入tabid', '', function (yes, value)
  59. {
  60. if (yes) navtab.selectTabItem(value);
  61. });
  62. break;
  63. case "isTabItemExist":
  64. $.ligerDialog.prompt('请输入tabid', '', function (yes, value)
  65. {
  66. if (yes) alert(navtab.isTabItemExist(value));
  67. });
  68. break;
  69. case "addTabItem":
  70. $.ligerDialog.prompt('请输入网址', 'http://www.baidu.com', function (yes, value)
  71. {
  72. if (yes) navtab.addTabItem({ url: value });
  73. });
  74. break;
  75. case "removeTabItem":
  76. $.ligerDialog.prompt('请输入tabid', '', function (yes, value)
  77. {
  78. if (yes) navtab.removeTabItem(value);
  79. });
  80. break;
  81. case "removeOther":
  82. $.ligerDialog.prompt('请输入tabid', '', function (yes, value)
  83. {
  84. if (yes) navtab.removeOther(value);
  85. });
  86. break;
  87. case "reload":
  88. navtab.reload(navtab.getSelectedTabItemID());
  89. break;
  90. case "removeAll":
  91. navtab.removeAll();
  92. break;
  93. }
  94. }
  95. </script>
  96. <style type="text/css">
  97. body{ font-size:11px;}
  98. </style>
  99. </head>
  100. <body style="padding:10px">
  101. <input type="button" onclick="f_click('getTabItemCount')" value="getTabItemCount" />
  102. <input type="button" onclick="f_click('getSelectedTabItemID')" value="getSelectedTabItemID" />
  103. <input type="button" onclick="f_click('removeSelectedTabItem')" value="removeSelectedTabItem" />
  104. <input type="button" onclick="f_click('overrideSelectedTabItem')" value="overrideSelectedTabItem" />
  105. <input type="button" onclick="f_click('selectTabItem')" value="selectTabItem" />
  106. <input type="button" onclick="f_click('isTabItemExist')" value="isTabItemExist" />
  107. <input type="button" onclick="f_click('addTabItem')" value="addTabItem" />
  108. <input type="button" onclick="f_click('removeTabItem')" value="removeTabItem" />
  109. <input type="button" onclick="f_click('removeOther')" value="removeOther" />
  110. <input type="button" onclick="f_click('reload')" value="reload" />
  111. <input type="button" onclick="f_click('removeAll')" value="removeAll" />
  112. <br /> <br />
  113. <div id="tab1" style="width: 600px;overflow:hidden; border:1px solid #A3C0E8; ">
  114. <div title="首页" style="height:300px">
  115. <p>用法 : $('#tab1').ligerTab() ; </p>
  116. </div>
  117. <div title="说明" style="height:300px">
  118. <p>今天开始jquery的一些实用的插件. 来用于我们的项目.</p>
  119. </div>
  120. <div title="联系我们" style="height:300px">
  121. <p> come: www.ligerui.com
  122. blog : leoxie2011.cnblog.com</p>
  123. </div>
  124. </div>
  125. <div style="display:none">
  126. </div>
  127. </body>
  128. </html>