在项目中用到了easyui的动态tab页,起初右侧tab页面太小,后来做了如下调整算是大小搞定,打到期望值
一.添加如下js代码
- <script type="text/javascript">
- $(document).ready(function () {
- $('#tabcontainer').tabs({ fit: true });
- </script>
二.在要嵌入的tab页面中设置页面的高度,设一个固定值。eg:
- @{
- ViewBag.Title = "Home Page";
- }
- <div style="height:500px">
- <h2>@ViewBag.Message</h2>
- <p>
- To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
- </p>
- </div>
但是又出现新问题了,出现了本不应该出现的滚动条,如下图所示:
页面右侧本该只有一个滚动条就够,结果tab页外层多了一个滚动条,一直搜索无果,也不知是何原因,最后无意添加了如下代码,发现能解决上述问题,不过不清楚为何。现供大家参考,有什么问题,请多指教。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
相比原来,多加了 public 和xmlns属性。
听朋友说这是跟版本有关系。