EasyUI 动态tab页界面小结

来源:互联网 发布:淘宝开店详细流程 编辑:程序博客网 时间:2024/05/01 11:06

在项目中用到了easyui的动态tab页,起初右侧tab页面太小,后来做了如下调整算是大小搞定,打到期望值

一.添加如下js代码

[html] view plaincopyprint?
  1. <script type="text/javascript">  
  2.         $(document).ready(function () {  
  3.             $('#tabcontainer').tabs({ fit: true });        
  4. </script>  

二.在要嵌入的tab页面中设置页面的高度,设一个固定值。eg:
[html] view plaincopyprint?
  1. @{  
  2.     ViewBag.Title = "Home Page";  
  3. }  
  4.   
  5. <div style="height:500px">  
  6.     <h2>@ViewBag.Message</h2>  
  7.     <p>  
  8.         To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.  
  9.     </p>  
  10. </div>  

但是又出现新问题了,出现了本不应该出现的滚动条,如下图所示:


页面右侧本该只有一个滚动条就够,结果tab页外层多了一个滚动条,一直搜索无果,也不知是何原因,最后无意添加了如下代码,发现能解决上述问题,不过不清楚为何。现供大家参考,有什么问题,请多指教。

[html] view plaincopyprint?
  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">  
原文:http://blog.csdn.net/jiangzhengdong/article/details/7908409

相比原来,多加了 public 和xmlns属性。

听朋友说这是跟版本有关系。

0 0
原创粉丝点击