61,112
社区成员
发帖
与我相关
我的任务
分享Easyui缩放出现滚动条，放大滚动条消失
先贴代码
当缩放的时候，下方和右侧会出现滚动条，当放大，就算拉大一点点，滚动条消失，正常情况，铺满屏，然后行超的话，滚动条是datagrid的滚动条，外侧不应再出现滚动条
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<link href="../../Content/css/easyui/default/easyui.css" rel="stylesheet" type="text/css" />
</head>
<body class="easyui-layout" fit="true" scroll="no">
<div region="north" class="head-north" split="true" border="false">
</div>
<div region="west" split="true" title="导航菜单" style="width:180px;" id="west">
</div>
<div region="south" split="true" class="head-south">
<div class="footer">Copyright © 2017 </div>
</div>
<div region="center" id="mainPanle" style="background: #eee; overflow-y:hidden">
<div id="tabs" class="easyui-tabs" fit="true" border="false">
<div title="我的桌面" style="overflow:hidden;" id="home">
<iframe id='time' name="time" src="../../HtmlPage2.html" style="width:100%;height:100%;" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<script type="text/javascript" src="../../Scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../Content/js/easyui/jquery.easyui.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<link href="~../../Content/css/easyui/default/easyui.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="position:absolute;left:0px;right:0px;top:0px;bottom:0px;overflow:auto;">
<div id="selectDiv">
<fieldset>
<legend>查询条件</legend>
<label>角色名称：</label>
<input class="easyui-textbox" id="roleSelect" type="text" />
<button class="easyui-linkbutton" style="text-align:center" onclick="loadTable()">确定</button>
</fieldset>
</div>
<table id="rolesTable"></table>
</div>
<script type="text/javascript" src="../../Scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../Content/js/easyui/jquery.easyui.min.js"></script>
<script>
$(function () {
$('#rolesTable').datagrid({
fit: true,
fitColumns: true,
url: '',
idField: 'id',
selectOnCheck: true,
checkOnSelect: true,
pagination: true,
pageSize: 15,
pageNumber: 1,
pageList: [15, 20, 25],
toolbar: '#selectDiv',
rownumbers: true,
columns: [[
{ field: 'ck', checkbox: true },
{ field: 'ID', title: '字段1', width: 100 },
{ field: 'YEAR', title: '字段2', width: 100 },
{ field: 'NAME', title: '字段3', width: 100 },
{ field: 'FNAME', title: '字段4', width: 100 },
{
field: 'FDATE', title: '字段5', width: 100
}
]]
});
});
</script>
</body>
</html>
当缩放的时候，下方和右侧会出现滚动条，当放大，就算拉大一点点，滚动条消失，正常情况，铺满屏，然后行超的话，滚动条是datagrid的滚动条，外侧不应再出现滚动条
...全文
请发表友善的回复…
发表回复
