tabpanel.ftl 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <div id="${parameters.id}" <#rt/>
  2. <#list parameters.dynamicAttributes?keys as key>
  3. ${key} = "${parameters.dynamicAttributes[key]}";
  4. </#list>
  5. >
  6. <#--Tab头处理 -->
  7. <ul>
  8. <#list parameters.tabPanel.tabs![] as tab>
  9. <li><a href="${tab.url!("#"+tab.id)}" rel="${tab.id!""}"><span>${tab.title!""}</span></a></li>
  10. </#list>
  11. </ul>
  12. <#--Tab内容处理 -->
  13. <#list parameters.tabPanel.tabs![] as tab>
  14. <#if tab.content??>
  15. <div id="${tab.id}" myclass="fwtab">${tab.content}</div>
  16. </#if>
  17. </#list>
  18. <#--Tab脚本处理 -->
  19. <script>
  20. $(function(){
  21. var winHeight=$(window).height();
  22. var options=jQuery.extend({disabled:[
  23. <#--提取禁用的tab标签页 -->
  24. <#list parameters.tabPanel.tabs![] as tab><#rt>
  25. <#if tab.disabled><#rt>
  26. ${tab_index},<#rt>
  27. </#if>
  28. </#list>
  29. ],show:function(event, ui) {
  30. $(document).trigger('gridlazyInit');
  31. if($('#add_back_div', window.parent.document).length > 0){
  32. var backseq=$("#callBackFunction",$('#add_back_div', window.parent.document)).attr("SEQ");
  33. var iframename = "callIframe_"+backseq;
  34. var urlContenHeight=$('#'+iframename, window.parent.document).get(0).contentWindow.document.body.scrollHeight;
  35. //延迟加载设置高度
  36. $('#'+iframename, window.parent.document).load(function(){
  37. $('#add_back_div', window.parent.document).css("height",urlContenHeight+winHeight);
  38. $('#'+iframename, window.parent.document).css("height",urlContenHeight+winHeight);
  39. });
  40. urlContenHeight=$('#'+iframename, window.parent.document).get(0).contentWindow.document.body.scrollHeight;
  41. $('#add_back_div', window.parent.document).css("height",urlContenHeight+winHeight);
  42. $('#'+iframename, window.parent.document).css("height",urlContenHeight+winHeight);
  43. }
  44. }
  45. ,load:function(event, ui) {
  46. if($('#add_back_div', window.parent.document).length > 0){
  47. var backseq=$("#callBackFunction",$('#add_back_div', window.parent.document)).attr("SEQ");
  48. var iframename = "callIframe_"+backseq;
  49. var urlContenHeight=$('#'+iframename, window.parent.document).get(0).contentWindow.document.body.scrollHeight;
  50. //延迟加载设置高度
  51. $('#'+iframename, window.parent.document).load(function(){
  52. $('#add_back_div', window.parent.document).css("height",urlContenHeight+winHeight);
  53. $('#'+iframename, window.parent.document).css("height",urlContenHeight+winHeight);
  54. });
  55. urlContenHeight=$('#'+iframename, window.parent.document).get(0).contentWindow.document.body.scrollHeight;
  56. $('#add_back_div', window.parent.document).css("height",urlContenHeight+winHeight);
  57. $('#'+iframename, window.parent.document).css("height",urlContenHeight+winHeight);
  58. }
  59. }
  60. }
  61. ,${parameters.tabPanel.init!"{}"});
  62. jQuery("#${parameters.id}").tabs(options);
  63. });
  64. </script>
  65. </div>