jQueryeasyui的easyui-tabs相互嵌套问题，图中MMMM包含了 abcd区域 其中bd区域为空闲区，现在我只想要ac
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQueryeasyui的easyui-tabs相互嵌套问题，图中MMMM包含了 abcd区域 其中bd区域为空闲区，现在我只想要ac相关的知识，希望对你有一定的参考价值。
效果如上所示，我想要a的高度为自动，而c自动填满所剩余的区域。求给力啊。。急急急。
代码如下所示：
<body class="easyui-layout" fit="true" >
<div region="center" class="easyui-tabs" height: 100%;>
<div title="mmmm" height: 100%; >
<div style="height: 35%;">
<table class="tableForm" >
<tr>
<th width="10%">xxx</th>
<td colspan="2" width="10%">zxczxc</td>
<th width="10%">姓名：</th>
<td colspan="2" width="10%">zxczxc</td>
<th width="10%">性别：</th>
<td colspan="2" width="10%">zxcz</td>
</tr>
</table>
</div>
<div style="height: 65%;">
<div class="easyui-tabs" fit="true">
<div title="xx" class="titlepadding" ><table id="datagrid" ></table></div>
<div title="yy" class="titlepadding" ><table id="datagrid2" ></table></div>
<div title="zz" class="titlepadding" ><table id="datagrid3" ></table></div>
</div>
</div>
</div>
</div>
</body>
把头部设置一个固定高，内容部分高度设为auto
jQueryEasyUI
jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
特点
| 分类 | 插件 |
|---|---|
| Base（基础） |
|
| Layout（布局） |
|
| Menu（菜单）与 Button（按钮） |
|
| Form（表单） |
|
| Window（窗口） |
|
| DataGrid（数据网格）与 Tree（树） |
|
| datagrid |
$(‘#dg‘).datagrid(‘getSelected‘); 不带参数的方法，获取当前选中行。
$(‘#dg‘).datagrid(‘‘sort‘, ‘itemid‘); 带参数的方法，按照itemid 排序
|
| datagrid |
$(‘#dg‘).datagrid({
onDblClickCell: function(index,field,value){
$(this).datagrid(‘beginEdit‘, index);
var ed = $(this).datagrid(‘getEditor‘, {index:index,field:field});
$(ed.target).focus();
}
}); 定义单元格双击事件 开启编辑。
|
以上是关于jQueryeasyui的easyui-tabs相互嵌套问题，图中MMMM包含了 abcd区域 其中bd区域为空闲区，现在我只想要ac的主要内容，如果未能解决你的问题，请参考以下文章