Kendo电子表格的insertSheet方法

时间:2019-01-23 04:15:17

标签: kendo-ui kendo-asp.net-mvc

我在下面的链接中查看Kendo Spreadsheet的insertSheet方法的文档: http://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet#methods-insertSheet

我没有看到有关如何实际使用此方法的任何示例。我尝试在剑道论坛上进行搜索,但没有任何运气。有没有人使用过这种方法,或者看过任何可以用作参考的用法示例?

谢谢。

1 个答案:

答案 0 :(得分:0)

我提供了一个非常简单的dojo,它显示了如何插入工作表然后重命名它。 https://dojo.telerik.com/AXulOsAS

如果您查看电子表格控件的演示,它将使您对控件有一些了解,但这对于kendo UI套件来说仍然是一个相对较新的元素,因此文档很少。

https://demos.telerik.com/kendo-ui/spreadsheet/index

已在此处添加了dojo代码,以防万一:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled</title>

  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.common.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.default.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.mobile.all.min.css">

  <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2019.1.115/js/angular.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2019.1.115/js/jszip.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2019.1.115/js/kendo.all.min.js"></script></head>
<body>



  <div id="ss">
  </div>






  <script>

    $('document').ready(function(){

      $('#ss').kendoSpreadsheet(); 

      var ss = $('#ss').data('kendoSpreadsheet'); 
      ss.insertSheet(); 


      ss.renameSheet(ss.sheets()[1], 'test 1'); 
    }); 

  </script>


</body>
</html>