spreadJS的页面在easyUI框架里当左侧导航收起来的时候页面不能改变大小

收藏

请求

frank.zhang · frank.zhang

您好，
非常抱歉，给您带来了很多不便。
这个问题可能是spreadJS和easyUI的兼容性导致的。

需要您上传一个能够重现这个问题的例子程序。

duankt · duankt

XAILHKO[G%%T68E%_]U9]ZF.jpg (107.26 KB, 下载次数: 659)

2015-10-11 16:48 上传

点击文件名下载附件 回复 2楼frank.zhang的帖子

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="../jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>

<link rel="stylesheet" href="../jquery-easyui-1.4.3/themes/default/easyui.css" type="text/css" />
<link rel="stylesheet" href="../jquery-easyui-1.4.3/themes/icon.css" type="text/css" />
<link rel="stylesheet" href="../css/demo.css" type="text/css" />
<link href="../jquery-easyui-1.4.3/demo/demo.css" rel="stylesheet" />
<script src="../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<link href="jquery.wijmo.wijspread.3.20151.16.css" rel="stylesheet" />
<script src="jquery.wijmo.wijspread.all.3.20151.16.min.js"></script>
<script type="text/javascript">
   $(document).ready(function () {
         var ss = $("#ss");
         ss.wijspread();
      });
      function resize()
      {
         //var ss = $("#ss");
         //ss.wijspread();
         //var w = $("#bodylay").layout('panel', 'center').panel('options').width-20+'px';
         ////var h = $('#bodylay').layout('panel', 'center').panel('options').height
         //try
         //{
         // $("#ss")[0].style.width = $("#bodylay").layout('panel', 'center').panel('options').width;
         //$("#ssvp")[0].style.width = w+'px';
         // $("#ssvp_vp")[0].style.width = w+'px';

         //}catch(e){}
         // $("#ss").css("width", w)
         //$("#ss").css("height", "600px")
         //var spread = $("#ss").wijspread("spread");
         //var spread = $("#ss").data("spread");
         //spread.refresh;
         //try{
         // var sheet = spread.getActiveSheet();
         // sheet.refresh;
         //}catch(e){}
      }
</script>
<title></title>
</head>
<body class="easyui-layout" id="bodylay">
<div  data-options="region:'west',split:true" title="单位组织结构" style="width:186px; height:100%;
overflow:hidden; " border="true" style="border:2px solid; border-color: rgb(9,145,208)">
</div>
<div id="centerlay" data-options="region:'center',onResize: resize" style="font-size: 20px; position: relative; ">
      <div id="ss" style="border: solid gray 1px; overflow: hidden; box-sizing: border-box; height: 99%;">
      </div>
</div>
</body>
</html>

这个可以复现问题，另外我引入的easyUI和spreadjs的css、js,我已经放到了附件里

frank.zhang · frank.zhang

您好，
您描述的问题，我们已经重现，会尽快给您反馈。

frank.zhang · frank.zhang

您好，
SpreadJS在左侧边框发生变化时，并不知道已经发生了改变。需要在一个时间点通知SpreadJS。
然后调用spread.refresh();方法。

效果截图：

2015-10-12_102618.jpg (73.97 KB, 下载次数: 767)

duankt · duankt

回复 5楼frank.zhang的帖子

新用户有限制，请看图片

duankt · duankt

回复 5楼frank.zhang的帖子

您好，能把您修改的例子发给我吗？

frank.zhang · frank.zhang

您好，

在.layout-button-left上添加一个单击事件

参考代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.min.js"></script>
<link rel="stylesheet" href="themes/default/easyui.css" type="text/css" />
<link rel="stylesheet" href="themes/icon.css" type="text/css" />
<link href="demo/demo.css" rel="stylesheet" />
<script src="jquery.easyui.min.js"></script>
<link href="jquery.wijmo.wijspread.3.20151.16.css" rel="stylesheet" />
<script src="jquery.wijmo.wijspread.all.3.20151.16.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var ss = $("#ss");
ss.wijspread();
$(".layout-button-left").click(function(){
var spread = $("#ss").data("spread");
spread.refresh();
});
});
function resize()
{
}
</script>
<title></title>
</head>
<body class="easyui-layout" id="bodylay">
<div data-options="region:'west',split:true" title="单位组织结构" style="width:186px; height:100%;
overflow:hidden; " border="true" style="border:2px solid; border-color: rgb(9,145,208)">
</div>
<div id="centerlay" data-options="region:'center',onResize: resize" style="font-size: 20px; position: relative; ">
<div id="ss" style="border: solid gray 1px; overflow: hidden; box-sizing: border-box; height: 99%;">
</div>
</div>
</body>
</html>

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] spreadJS的页面在easyUI框架里当左侧导航收起来的时候页面不能改变大小

7 个回复

评分

评分

活字格认证

微信认证勋章

元老葡萄