EasyUI 动态tab页界面小结
来源:互联网 发布:淘宝开店详细流程 编辑:程序博客网 时间:2024/05/01 11:06
在项目中用到了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属性。
听朋友说这是跟版本有关系。
0 0
- EasyUI 动态tab页界面小结
- EasyUI 动态tab页界面小结
- jquery easyui tab动态导入界面
- easyui动态隐藏/显示tab页
- easyui 动态添加 tab
- EasyUI 动态添加tab
- EasyUI 界面中tab页右键快捷菜单
- easyui动态创建tab面板
- 实例代码讲解jquery easyui动态tab页
- easyui Tab页动态控制
- easyui tab页
- jquery easyui tabs 在子Tab页中动态添加创建新tab页
- jQuery EasyUi实现tab页
- jQuery EasyUi实现tab页
- EasyUI添加tab页签
- 关于easyUI登入界面不跳出当前tab
- easyui主界面传统布局,tab页面等
- easyui后台界面如何添加选项卡(Tab)
- C# 学习笔记(五) ++/--运算符重载的意义
- Android动画之translate(位移动画)
- Android 动画效果 --Animation 动画
- 内核初始化优化宏 ,初始化顺序, __init,__devexit等
- DSP/BIOS的点点滴滴
- EasyUI 动态tab页界面小结
- Makefile 管理工具 — Automake and Autoconf
- Yii Using 3rd-Party Libraries(使用第三方库)
- log4net 使用
- 不定式作主语
- 14 numbers every developer should know
- CentOS访问Windows共享文件夹的两种方法 .
- Cocos2d-x3.0之路--01(说些题外话)
- 这突然的问话让潇雨菲怔