JavaScript提高：003：easy UI实现tab页面自适应问题

前面说到使用easyUI在asp.net中实现了tab控件效果。
http://blog.csdn.net/yysyangyangyangshan/article/details/38307477
只是有一个问题，div的宽度太宽了。并且不随页面变化而改变。

网上搜索了下，发现非常多人也碰到过。并且也有解决的办法。

以下看看吧。

实现tab的部分代码例如以下：引用的easyui文件參考上文。

  <div id="tabTop" class="easyui-tabs"><div title="星期一"></div><div title="星期二"></div>
</div>

解决方法例如以下：删除class。使用例如以下js。

  <script type="text/javascript">$('#tabTop').tabs({width: $("#tabTop").parent().width(),height: "auto"}); </script>

这样div就能自适应页面了。

JavaScript提高：003：easy UI实现tab页面自适应问题相关推荐

狗屎的Easy UI ，链接页面出错！搞了我一上午！
用了EasyUI这个框架,在做考勤管理的时候,遇到了一个百思不得其解的问题,那就是我的两个页面调数据发生混乱一开始我以为是数据缓存搞的鬼,玩了半天的缓存,还是没有效果后来在页面标记了一下,发现,当 ...
用Fragment制作的Tab页面产生的UI重叠问题
本文出处:http://blog.csdn.net/twilight041132/article/details/43812745 在用Fragment做Tab页面,发现有时候进入应用会同时显示多个T ...
JavaScript提高：005：ASP.NET使用easyUI TABS标签显示问题
前面使用easy ui来实现了一个tabs标签(http://blog.csdn.net/yysyangyangyangshan/article/details/38307477),只是在ASP.NE ...
jquery ui和easy ui联合使用
本文以jquery ui中的自动完成(autocomplete)插件, easy ui中的(tree)树形菜单插件,(grid)网格插件的综合运用为例来展示插件的魅力. 开发环境:struts2.3 ...
7个jquery easy ui 基本组件图解
下面给出7个jquery easy ui 基本组件: 1 基本面板 <!DOCTYPE html> <html> <head><meta charset=&q ...
初学jQuery Easy UI的总结
1.使用jQuery Easy UI的目的: jQuery Easy UI是一组基于jQuery的UI插件集合,而jQuery Easy UI 的目标就是帮助Web开发者更轻松的打造出功能丰 ...
Easy UI 支持移动端例子
登录系统时,需要判断是移动端登录还是PC端登录. 1. 判断移动端登录的java code. package org.jeecgframework.core.util;import javax.ser ...
快速提高你的UI设计水平的一些小技巧
UI设计师这个岗位在最近几年的缺口是比较大的,很多企业都在招UI设计人员,想要学习UI设计或者提升UI设计技术的同学,可以看看小编分享的以下内容,善用这些UI设计小技巧,快速提高你的设计水平! 快速提 ...
Jquery Easy UI Datagrid 上下移动批量保存数据
DataGrid with 上下移动批量保存数据通过前端变量保存修改数据集合,一次性提交后台执行本想结合easyui 自带的$('#dg').datagrid('getChanges'); 方法来 ...

JavaScript提高：003：easy UI实现tab页面自适应问题

JavaScript提高：003：easy UI实现tab页面自适应问题相关推荐

最新文章

热门文章