easyui.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. $(document).ready(function(){
  2. function addTab(title, url){
  3. if ($('#tabs').tabs('exists', title)){
  4. $('#tabs').tabs('select', title);//选中并刷新
  5. var currTab = $('#tabs').tabs('getSelected');
  6. var url = $(currTab.panel('options').content).attr('src');
  7. if(url != undefined && currTab.panel('options').title != 'Home') {
  8. $('#tabs').tabs('update',{
  9. tab:currTab,
  10. options:{
  11. content:createFrame(url)
  12. }
  13. })
  14. }
  15. } else {
  16. var content = createFrame(url);
  17. $('#tabs').tabs('add',{
  18. title:title,
  19. content:content,
  20. closable:true
  21. });
  22. }
  23. tabClose();
  24. }
  25. function createFrame(url) {
  26. var s = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
  27. return s;
  28. }
  29. function tabClose() {
  30. /*双击关闭TAB选项卡*/
  31. $(".tabs-inner").dblclick(function(){
  32. var subtitle = $(this).children(".tabs-closable").text();
  33. $('#tabs').tabs('close',subtitle);
  34. })
  35. /*为选项卡绑定右键*/
  36. $(".tabs-inner").bind('contextmenu',function(e){
  37. $('#mm').menu('show', {
  38. left: e.pageX,
  39. top: e.pageY
  40. });
  41. var subtitle =$(this).children(".tabs-closable").text();
  42. $('#mm').data("currtab",subtitle);
  43. $('#tabs').tabs('select',subtitle);
  44. return false;
  45. });
  46. }
  47. //绑定右键菜单事件
  48. function tabCloseEven() {
  49. //刷新
  50. $('#mm-tabupdate').click(function(){
  51. var currTab = $('#tabs').tabs('getSelected');
  52. var url = $(currTab.panel('options').content).attr('src');
  53. if(url != undefined && currTab.panel('options').title != 'Home') {
  54. $('#tabs').tabs('update',{
  55. tab:currTab,
  56. options:{
  57. content:createFrame(url)
  58. }
  59. })
  60. }
  61. })
  62. //关闭当前
  63. $('#mm-tabclose').click(function(){
  64. var currtab_title = $('#mm').data("currtab");
  65. $('#tabs').tabs('close',currtab_title);
  66. })
  67. //全部关闭
  68. $('#mm-tabcloseall').click(function(){
  69. $('.tabs-inner span').each(function(i,n){
  70. var t = $(n).text();
  71. if(t != 'Home') {
  72. $('#tabs').tabs('close',t);
  73. }
  74. });
  75. });
  76. //关闭除当前之外的TAB
  77. $('#mm-tabcloseother').click(function(){
  78. var prevall = $('.tabs-selected').prevAll();
  79. var nextall = $('.tabs-selected').nextAll();
  80. if(prevall.length>0){
  81. prevall.each(function(i,n){
  82. var t=$('a:eq(0) span',$(n)).text();
  83. if(t != 'Home') {
  84. $('#tabs').tabs('close',t);
  85. }
  86. });
  87. }
  88. if(nextall.length>0) {
  89. nextall.each(function(i,n){
  90. var t=$('a:eq(0) span',$(n)).text();
  91. if(t != 'Home') {
  92. $('#tabs').tabs('close',t);
  93. }
  94. });
  95. }
  96. return false;
  97. });
  98. //关闭当前右侧的TAB
  99. $('#mm-tabcloseright').click(function(){
  100. var nextall = $('.tabs-selected').nextAll();
  101. if(nextall.length==0){
  102. //msgShow('系统提示','后边没有啦~~','error');
  103. alert('后边没有啦~~');
  104. return false;
  105. }
  106. nextall.each(function(i,n){
  107. var t=$('a:eq(0) span',$(n)).text();
  108. $('#tabs').tabs('close',t);
  109. });
  110. return false;
  111. });
  112. //关闭当前左侧的TAB
  113. $('#mm-tabcloseleft').click(function(){
  114. var prevall = $('.tabs-selected').prevAll();
  115. if(prevall.length==0){
  116. alert('到头了,前边没有啦~~');
  117. return false;
  118. }
  119. prevall.each(function(i,n){
  120. var t=$('a:eq(0) span',$(n)).text();
  121. $('#tabs').tabs('close',t);
  122. });
  123. return false;
  124. });
  125. //退出
  126. $("#mm-exit").click(function(){
  127. $('#mm').menu('hide');
  128. })
  129. }
  130. $(function() {
  131. tabCloseEven();
  132. $('.cs-navi-tab').click(function() {
  133. var $this = $(this);
  134. var href = $this.attr('src');
  135. var title = $this.text();
  136. addTab(title, href);
  137. });
  138. var themes = {
  139. 'gray' : 'themes/gray/easyui.css',
  140. 'pepper-grinder' : 'themes/pepper-grinder/easyui.css',
  141. 'blue' : 'themes/default/easyui.css',
  142. 'cupertino' : 'themes/cupertino/easyui.css',
  143. 'dark-hive' : 'themes/dark-hive/easyui.css',
  144. 'sunny' : 'themes/sunny/easyui.css'
  145. };
  146. var skins = $('.li-skinitem span').click(function() {
  147. var $this = $(this);
  148. if($this.hasClass('cs-skin-on')) return;
  149. skins.removeClass('cs-skin-on');
  150. $this.addClass('cs-skin-on');
  151. var skin = $this.attr('rel');
  152. $('#swicth-style').attr('href', themes[skin]);
  153. setCookie('cs-skin', skin);
  154. skin == 'dark-hive' ? $('.cs-north-logo').css('color', '#FFFFFF') : $('.cs-north-logo').css('color', '#000000');
  155. });
  156. if(getCookie('cs-skin')) {
  157. var skin = getCookie('cs-skin');
  158. $('#swicth-style').attr('href', themes[skin]);
  159. $this = $('.li-skinitem span[rel='+skin+']');
  160. $this.addClass('cs-skin-on');
  161. skin == 'dark-hive' ? $('.cs-north-logo').css('color', '#FFFFFF') : $('.cs-north-logo').css('color', '#000000');
  162. }
  163. });
  164. function setCookie(name,value) {//两个参数,一个是cookie的名子,一个是值
  165. var Days = 30; //此 cookie 将被保存 30 天
  166. var exp = new Date(); //new Date("December 31, 9998");
  167. exp.setTime(exp.getTime() + Days*24*60*60*1000);
  168. document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
  169. }
  170. function getCookie(name) {//取cookies函数
  171. var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  172. if(arr != null) return unescape(arr[2]); return null;
  173. }
  174. })