Skip to content

Latest commit

 

History

History
42 lines (37 loc) · 1.59 KB

1.初始化Excel.md

File metadata and controls

42 lines (37 loc) · 1.59 KB
Raw

初始化Excel

在线示例

Excel.View 不依赖于任何第三方类库，初始化仅需要以下文件:

  • excel.view.x.xx.xxxxx.x.css
  • excel.view.x.xx.xxxxx.x.js

将 excel.view.x.xx.xxxxx.x.css 和 excel.view.x.xx.xxxxx.x.js 文件加入到 HTML 文档 Head 部分并给予其对应路径。例如:

<!DOCTYPE html>
<html>
   <head>
      <link href='excel.view.x.xx.xxxxx.x.css' rel='stylesheet' type='text/css'/>
      <script src='excel.view.x.xx.xxxxx.x.js' type='text/javascript'></script>
      <script type='text/javascript' charset='utf-8'>
      ...
      </script>
   </head>
   <body>
        <div id='ss' style='width:100%; height:400px;'></div>
   </body>
</html>

Excel 控件通过 new Excel.View.Workbook(document.getElementById('ss'), { sheetCount: 1 }), 函数进行初始化, 并且 Excel ( 以下简称 Excel.View 控件为 'Excel') 被添加到 id 为 'ss' 的 Div 元素中。你可以通过函数 var excel = Excel.View.findControl(document.getElementById('ss'))获取excel对象实例。然后, 你就可以定制你的 excel 了。 例如:

window.onload = function () {
   var excel = new Excel.View.Workbook(document.getElementById('ss'), { sheetCount: 1 });
   // get excel object
   // var excel = Excel.View.findControl(document.getElementById('ss'));
};

当然，你仍可以配合jQuery来操作ExcelJS， 例如：

$(document).ready(function () {
   var excel = new Excel.View.Workbook($('#ss')[0], { sheetCount: 1 });
   // get excel object
   // var excel = $('#ss').data('workbook');
});