jQuery EasyUI:使数据网格在边框布局中可调整大小
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery EasyUI:使数据网格在边框布局中可调整大小相关的知识,希望对你有一定的参考价值。
我正在尝试使用EasyUI实现主细节控制。目前我有以下内容:
<div class="easyui-layout" style="height: 600px;">
<div region="west" style="width: 250px;">
<table id="detailsTable">
<thead>
<tr>
<th field="ID" width="200">ID</th>
<th field="Name" width="200">Name</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>
</div>
<div region="center" title="Main Title">
...
</div>
</div>
以下脚本将上面的内容转换为漂亮的主 - 细节控件:
$("div.easyui-layout").layout();
$("table#detailsTable").datagrid({
pagination: false,
singleSelect: true,
fitColumns: true
});
我现在需要的是使网格的宽度为其容器的100%(西部面板),因此需要与面板一起调整大小。为表格设置width="100%"
或style="width: 100%;"
没有帮助,并且在调整面板大小时布局似乎不会触发任何事件(至少我在文档中没有找到任何事件)。有任何想法吗?
答案
(在评论和编辑中回答。见Question with no answers, but issue solved in the comments (or extended in chat))
OP写道:
看起来可以关闭案例 - 适合选项解决了问题:
$("table#detailsTable").datagrid({
fit: true,
...
以上是关于jQuery EasyUI:使数据网格在边框布局中可调整大小的主要内容,如果未能解决你的问题,请参考以下文章
雷林鹏分享:jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用
雷林鹏分享:jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用