如何调整Jquery Easyui，tab的tablayout 宽度自适应

来源：蜘蛛抓取(WebSpider) 时间：2017-07-10 07:57 标签： tablayout 宽度
1155人阅读
web前端（73）
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
tabs代码如下：&
复制代码代码如下:
&div id=&tabs& class=&easyui-tabs&&&
　　&div title=&tabs1&&&
　　tabs1&
　　&/div&&
&div title=&tabs2&&&
　　tabs2&
　　&/div&&
如果id=&tabs&的div未设置宽度和高度，easyUI默认的宽度和高度是auto，这样在google浏览器下显示正常，但是在IE下默认不显示任何内容，并且和dialog还有冲突（dialog无法弹出窗口）。&
无奈去google搜索，找到一个解决方法如下：&
1. 去掉div里的class=&easyui-tabs&&
2. 加上一段JS&
复制代码代码如下:
&script type=&text/javascript&&&
$(function(){&
　　$(&#tabs&).tabs({&
　　　　width:$(&#tabs&).parent().width(),&
　　　　height:$(&#tabs&).parent().height()&
&/script&&
加上这段代码后，发现容器会很高，因为他获得是父容器的height&
解决方法：&
复制代码代码如下:
$('#tabs').tabs({&
　　width: $(&#tabs&).parent().width(),&
　　height: &auto&&
&iframe id=&cproIframe_u1254672& width=&468& height=&15& src=&/acom?adn=0&at=103&aurl=&cad=1&ccd=32&cec=GBK&cfv=11&ch=0&col=zh-CN&conOP=0&cpa=1&dai=3&dis=0&ltr=http%3A%2F%%2Fs%3Fie%3Dutf-8%26f%3D8%26rsv_bp%3D1%26tn%3Dsitehao123%26wd%3Deasyui%2520treegrid%25E8%2587%25AA%25E9%E5%25BA%2594%26rsv_enter%3D1%26rsv_sug3%3D17%26rsv_sug4%3D256%26rsv_sug1%3D6%26oq%3Deasyui%2520tree%26rsv_sug2%3D0%26rsp%3D1%26inputT%3D5376%26rsv_sug%3D1&ltu=http%3A%2F%%2Fhtml%2FF89%2F205b2d78a79e259b8e9ac5.htm&lunum=6&n=_cpr&pcs=&pis=&ps=&psr=&pss=&qn=0c4a6b1b603bd11b&rad=&rsi0=468&rsi1=15&rsi5=4&rss0=%23FFFFFF&rss1=%23cccccc&rss2=%230000FF&rss3=&rss4=&rss5=&rss6=%23e10900&rss7=&scale=&skin=&td_id=1254672&tn=tlink_default_468_15&tpr=3&ts=1&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=u1254672& align=&center,center& marginwidth=&0& marginheight=&0& scrolling=&no& frameborder=&0& allowtransparency=&true&&&/iframe&
EasyUI的treegrid组件动态加载数据问题的解决办法
搜遍了treegrid源码和文档发现treegrid是扩展自datagrid和tree的，不过以往利用datagrid的reload方法加参数的方式加载查询结果数据，可是treegrid却只执行reload不能加载带参数的查询结果，可能是做了限制，如下代码不能加载查询结果：
复制代码代码如下:
&table id='treegrid' class='easyui-treegrid' url='/User/List'&&/table&
$('#treegrid').treegrid('reload',{'name':'mikel'});
于是又去官方论坛搜索相关问题，发现一个有价值的帖子，茅塞顿开，为什么要指望treegrid组件来异步查询数据，为什么不先异步，然后在加载返回的json数据呢？代码如下：
复制代码代码如下:
function loadData()
$.post('/User/List',{name:'mikel'},function(data){
$('#treegrid').treegrid('loadData',data);
},'json');
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：360917次
积分：5677
积分：5677
排名：第4618名
原创：123篇
转载：596篇
(1)(5)(5)(16)(4)(3)(18)(68)(62)(21)(23)(18)(26)(4)(1)(29)(5)(2)(30)(40)(6)(11)(6)(2)(9)(2)(5)(9)(10)(21)(11)(13)(11)(3)(11)(25)(4)(10)(1)(5)(4)(19)(22)(37)(25)(41)(16)13:19 提问
EasyUI框架，layout布局（上下左右），设置tab页面的滚动条
项目整个用的EasyUI这套框架，layout布局拼接（上，下，左（菜单），右（easyui-tabs），
body class="easyui-layout"设置之后，整个框架外层可以根据浏览器的分辩率自动调节，我现在想给每个tab页面（右边）设置滚动条，让右边的页面也可以随着浏览器的分辨率自动调节，出现滚动条（宽w：浏览器的宽—左边像素，高h：浏览器的高—上下和）；怎么设置tab页面内容宽高超出
w,h 就自动产生滚动条哇（页面上右边部分已经设置了fit:true： div data-options="region:'center',border:false,fit:true" class="easyui-tabs"但是显示出来的页面，还是不能出现滚动条 ）。求大虾帮忙。。。
按赞数排序
不知道你要问什么问题。。。iframe设置scroll=auto内容超出设置的高度范围就会自动出现滚动条了
你的easyui是再父页面还是iframe里面也没说清楚。。
其他相关推荐
其他相似问题EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
字体：[ ] 类型：转载 时间：
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码,需要的朋友可以参考下。
tabs代码如下：
代码如下: &div id="tabs" class="easyui-tabs"& 　　&div title="tabs1"& 　　tabs1 　　&/div& &div title="tabs2"& 　　tabs2 　　&/div& &/div&
如果id="tabs"的div未设置宽度和高度，easyUI默认的宽度和高度是auto，这样在google浏览器下显示正常，但是在IE下默认不显示任何内容，并且和dialog还有冲突（dialog无法弹出窗口）。 无奈去google搜索，找到一个解决方法如下： 1. 去掉div里的class="easyui-tabs" 2. 加上一段JS
代码如下: &script type="text/javascript"& $(function(){ 　　$("#tabs").tabs({ 　　　　width:$("#tabs").parent().width(), 　　　　height:$("#tabs").parent().height() 　　}); }); &/script&
加上这段代码后，发现容器会很高，因为他获得是父容器的height 解决方法： JS修改为
代码如下: $('#tabs').tabs({ 　　width: $("#tabs").parent().width(), 　　height: "auto" });
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 tablayout 宽度 的文章

 

随机推荐