找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

wu8455156

论坛元老

8

主题

28

帖子

6646

积分

论坛元老

积分
6646

活字格认证

最新发帖

[已处理] sheet初始化

wu8455156
论坛元老   /  发表于：2014-7-28 16:27  /   查看：15514  /  回复：16
1.初始化sheet表单的单元格数量？如：row为300 ，column 为 x  ?



2.sheet名称列表部分（如图红线处）能停靠在浏览器底部吗？也就是像excel那样，不会因缩小窗口，而消失。
QQ图片20140728161640.jpg (28.58 KB, 下载次数: 1004)

16 个回复

倒序浏览
iceman
社区贡献组   /  发表于：2014-7-28 17:03:00
沙发
回复 1楼wu8455156的帖子

请问您是要的是 HTML Wijmo 下的 SpreadJS 产品还是 Spread for ASP.NET 产品？
回复 使用道具 举报
wu8455156
论坛元老   /  发表于：2014-7-28 17:16:00
板凳
回复 2楼iceman的帖子

呵呵，不好意思，我忘了，是HTML Wijmo 下的 SpreadJS 产品，就是那个模仿excel的，谢谢
回复 使用道具 举报
iceman
社区贡献组   /  发表于：2014-7-28 18:10:00
地板
回复 3楼wu8455156的帖子

好的了解了。能否请你把这个页面发上来我们看看？
回复 使用道具 举报
wu8455156
论坛元老   /  发表于：2014-7-28 23:05:00
5#
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>${sheetName}</title>


  8. <link href="../css/cobalt/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui" />
  9. <link href="../css/jquery.wijmo.wijspread.3.20141.9.css" rel="stylesheet" type="text/css" />

  11. <script src="../scripts/spreadjs/external/jquery-1.8.2.min.js" type="text/javascript"></script>
  12. <script src="../scripts/spreadjs/external/jquery-ui-1.9.1.custom.min.js" type="text/javascript"></script>

  14. <script type="text/javascript" src="../scripts/spreadjs/spread/jquery.wijmo.wijspread.all.3.20141.9.min.js"></script>

  16. <script src="../scripts/ext4.2.1/bootstrap.js"></script>
  17. <script src="../scripts/ext4.2.1/locale/ext-lang-zh_CN.js"></script>

  19. <script type="text/JavaScript">
  20.         Ext.namespace('Ext.test_page');
  21.         Ext.test_page.mappings = ${mappings};
  22.         var jsonData = Ext.test_page.mappings;
  23.         Ext.test_page.cellRangeAddrs = ${cellRangeAddrs};
  24.         var cellRange = Ext.test_page.cellRangeAddrs;
  25.        
  26.         Ext.test_page.sheetName = '${sheetName}';
  27.        
  28. </script>


  31. <script type="text/javascript">
  32.         $(document).ready(function () {
  33.                 //创建有1张工作表的wijspread对象
  34.             $("#ss").wijspread({ sheetCount: 1 });
  35.                          
  36.                 //判断浏览器是否为IE9以下的版本
  37.             if ($.browser.msie &amp;&amp; parseInt($.browser.version, 10) < 9) {
  38.                 //run for ie7/8
  39.                 var spread = $("#ss").wijspread("spread"); //获取spread对象
  40.                 spread.bind("SpreadsheetObjectLoaded", function () {
  41.                     initSpread();
  42.                 });
  43.             } else {
  44.                 initSpread();
  45.             }
  46.         });
  47.   
  48.         function initSpread() {
  49.             var spread = $("#ss").wijspread("spread");
  50.                                    
  51.             spread.useWijmoTheme = true;
  52.             
  53.             //获取当前表格
  54.             var sheet = spread.getActiveSheet();
  55.                           sheet.setName(Ext.test_page.sheetName);
  56.                          
  57.             //手动或自动刷新
  58.             sheet.isPaintSuspended(true);
  59.             loadData();
  60.             sheet.isPaintSuspended(false);
  61.         }
  62.                  
  63.                  
  64.                  
  65.                   //根据参数，返回对应的边框样式
  66.                   function borderConvert(param){
  67.                           return eval("$.wijmo.wijspread.LineStyle."+ param);
  68.                   }
  69.                  
  70.                  
  71.         function loadData() {
  72.             var spread = $("#ss").wijspread("spread");
  73.             var sheet = spread.getActiveSheet();
  74.                          
  75.                           sheet.referenceStyle($.wijmo.wijspread.ReferenceStyle.R1C1);
  76.                          
  77.                           for(var i=0; i<jsonData.length; i++)  
  78.                         {  
  79.                                 sheet.setValue(jsonData[i].rownum, jsonData[i].columnIndex, jsonData[i].text);
  80.                                 var cell = eval(jsonData[i]);
  81.                                 var cellStyle = eval(cell.cellStyle);
  82.                                 var font = cellStyle.boldWeight+" "+(cellStyle.fontSize+3)+"px "+cellStyle.fontName;
  83.                                 sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).font(font);//字体
  84.                                
  85.                                 sheet.setRowHeight(jsonData[i].rownum, cellStyle.rowHeight*1.4,$.wijmo.wijspread.SheetArea.viewport);        //行高
  86.                                 sheet.setColumnWidth(jsonData[i].columnIndex, cellStyle.columnWidth*7,$.wijmo.wijspread.SheetArea.viewport);//列宽
  87.                                
  88.                                 var hAlign = eval("$.wijmo.wijspread.HorizontalAlign."+ cellStyle.hAlign);
  89.                                 var vAlign = eval("$.wijmo.wijspread.VerticalAlign."+ cellStyle.vAlign);
  90.                                
  91.                                 sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).hAlign(hAlign);        //水平对齐方式
  92.                                 sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).vAlign(vAlign);        //垂直对齐方式
  93.                                
  94.                                
  95.                                 if(cellStyle.borderTop!="none"&amp;&amp;cellStyle.borderBottom!="none"){
  96.                                         sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).borderTop(new $.wijmo.wijspread.LineBorder("#000000",borderConvert(cellStyle.borderTop)));
  97.                                         sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).borderBottom(new $.wijmo.wijspread.LineBorder("#000000",borderConvert(cellStyle.borderBottom)));
  98.                                         sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).borderLeft(new $.wijmo.wijspread.LineBorder("#000000",borderConvert(cellStyle.borderLeft)));
  99.                                         sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).borderRight(new $.wijmo.wijspread.LineBorder("#000000",borderConvert(cellStyle.borderRight)));
  100.                                 }
  101.                                 //sheet.getCell(jsonData[i].rownum, jsonData[i].columnIndex).backColor(cellStyle.bgColor);
  102.                                
  103.                           }
  104.                          
  105.                           //设置跨行跨列单元格
  106.                         for(var j=0;j<cellRange.length;j++){
  107.                                  sheet.addSpan(cellRange[j].fRow ,cellRange[j].fColumn ,cellRange[j].lRow - cellRange[j].fRow + 1,cellRange[j].lColumn - cellRange[j].fColumn + 1);
  108.                         }
  109.                          
  110.             //设置单元格内公式的样式为A1
  111.             sheet.referenceStyle($.wijmo.wijspread.ReferenceStyle.A1);
  112.         }
  113.     </script>
  114. </head>
  115. <body>
  116.         <div class="container">
  117.         <div class="header">
  118.         </div>
  119.         <div class="main demo">
  120.             <div id="ss" style="width: 100%; height: 660px; border: 1px solid gray;"></div>
  121.         </div>
  122.     </div>
  123. </body>
  124. </html>
复制代码
回复 使用道具 举报
wu8455156
论坛元老   /  发表于：2014-7-28 23:12:00
6#
这个是浏览器全屏和非全屏下显示

QQ图片20140728230809.jpg (147.42 KB, 下载次数: 886)
回复 使用道具 举报
wu8455156
论坛元老   /  发表于：2014-7-29 10:51:00
7#

  2. sheet.setRowCount(200);
  3. sheet.setColumnCount(40);
复制代码

初始化可以了，sheet切换列表还没搞定
回复 使用道具 举报
iceman
社区贡献组   /  发表于：2014-7-29 19:46:00
8#
回复 7楼wu8455156的帖子

我这边使用 IE 11 没有重现问题，请问你的浏览器版本是？
回复 使用道具 举报
wu8455156
论坛元老   /  发表于：2014-7-30 11:13:00
9#
回复 8楼iceman的帖子

IE9 ，支持HTML5就好了啊，难道还要升级？
回复 使用道具 举报
wu8455156
论坛元老   /  发表于：2014-7-30 11:50:00
10#
google 33.0.1750.154  也不行，缩小窗口以后，底部的sheet列表就看不见了。
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部