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" 
}); 

Ok，搞定

id="cproIframe_u1254672" width="468" height="15" src="http://pos.baidu.com/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%2Fwww.baidu.com%2Fs%3Fie%3Dutf-8%26f%3D8%26rsv_bp%3D1%26tn%3Dsitehao123%26wd%3Deasyui%2520treegrid%25E8%2587%25AA%25E9%2580%2582%25E5%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%2Fwww.csdn123.com%2Fhtml%2F20130206%2F89%2F205b2d78a79e259b8e9a3046705b71c5.htm&lunum=6&n=94007089_cpr&pcs=1263x675&pis=10000x10000&ps=1409x172&psr=1280x800&pss=1263x1506&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=1414032792193&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">

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');
}