您的位置：首页 > 产品设计 > UI/UE

EasyUI 动态tab页界面小结

2014-06-07 10:39 351 查看

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

一.添加如下js代码

[html]
view plaincopy print ?

<script type="text/javascript">
$(document).ready(function () {
$('#tabcontainer').tabs({ fit: true });
</script>

二.在要嵌入的tab页面中设置页面的高度，设一个固定值。eg:

[html]
view plaincopy print ?

@{
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页外层多了一个滚动条，一直搜索无果，也不知是何原因，最后无意添加了如下代码，发现能解决上述问题，不过不清楚为何。现供大家参考，有什么问题，请多指教。

[html]
view plaincopy print ?

<!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">

原文：http://blog.csdn.net/jiangzhengdong/article/details/7908409

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航