EasyUI 动态tab页界面小结
2012-08-26 10:16
176 查看
在项目中用到了easyui的动态tab页,起初右侧tab页面太小,后来做了如下调整算是大小搞定,打到期望值
一.添加如下js代码
二.在要嵌入的tab页面中设置页面的高度,设一个固定值。eg:
但是又出现新问题了,出现了本不应该出现的滚动条,如下图所示:
页面右侧本该只有一个滚动条就够,结果tab页外层多了一个滚动条,一直搜索无果,也不知是何原因,最后无意添加了如下代码,发现能解决上述问题,不过不清楚为何。现供大家参考,有什么问题,请多指教。
相比原来,多加了 public 和xmlns属性。
一.添加如下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属性。
相关文章推荐
- EasyUI 动态tab页界面小结
- Fragment 实现tab页卡切换并保存界面状态,动态添加Fragment
- ===项目一day01:EasyUI【静态页面创建】手写基础小结【后台界面搭建过程从0到有的过程】(已补全)
- easyui动态隐藏/显示tab页
- jquery easyui tab动态导入界面
- easyui 简单框架界面(2)动态生成Tag标签
- EasyUI 界面中tab页右键快捷菜单
- 2014/4/18 结合easyui的省市区查询 小结
- python动态语言特性小结
- (八)easyUI之Accordion折叠面板:动态面板
- 【easyui学习笔记】4.动态添加标签页
- delphi 动态控制窗口置顶且界面不闪
- EasyUI两种动态添加tab Iframe页面的方法
- 使用easyUI 动态改变datagrid的columns
- Easyui笔记4:实现表格内combobox数据的动态切换(getEditor的使用)
- Win8系统中不得不知的动态磁贴小知识充分利用可丰富电脑界面
- easyui 动态选项卡
- easyui 动态组合表头
- Java图形界面(GUI) 动态获取上传或下载文件的路径问题
- Winform 界面的动态翻译