@progress/kendo-spreadsheet-vue-wrapper - npm Package Compare versions

Comparing version 2018.2.620 to 2018.3.911

dist/es/KendoSpreadsheetSheet/SheetProps.js

@@ -24,2 +24,6 @@ 'use strict';
         },
+        dataSourceRef: {
+            type: String,
+            kComposite: 'dataSourceRef'
+        },
         filterColumns: {
@@ -26,0 +30,0 @@ type: Array,

dist/npm/KendoSpreadsheetSheet/SheetProps.js

@@ -24,2 +24,6 @@ 'use strict';
         },
+        dataSourceRef: {
+            type: String,
+            kComposite: 'dataSourceRef'
+        },
         filterColumns: {
@@ -26,0 +30,0 @@ type: Array,

docs/auto-imports.js

@@ -20,3 +20,7 @@ window.moduleDirectives = (window.moduleDirectives || []).concat([{
     import: 'DataSource, HierarchicalDataSource, GanttDataSource, GanttDependencyDataSource, PivotDataSource, SchedulerDataSource, TreeListDataSource, DataSourceInstaller'
+},{
+    module: 'jszip',
+    import: 'JSZip',
+    defaultExport: true
 }
 ]);

docs/data-binding.md

@@ -15,4 +15,6 @@ ---
 1. Define the array in the `data` object of the Vue application.
-1. Refer it in the `<kendo-spreadsheet-sheet>` component through the `:data-source` property.
+1. Refer it in the `<kendo-spreadsheet-sheet>` component through the `:data-source` prop.
 
+## Local Data Binding
+
 {% meta id:foo height:460 theme:bootstrap %}
@@ -32,2 +34,4 @@ ```html-preview
 
+window.JSZip = JSZip;
+
 new Vue({
@@ -84,6 +88,121 @@ el: '#vueapp',
 
+## Remote Data Binding
+
+```html
+<div id="vueapp" class="vue-app">
+    <kendo-spreadsheet ref="spreadsheet" :columns="20" :rows="100" :toolbar="false" :sheetsbar="false">
+        <kendo-spreadsheet-sheet :name="'Products'"
+                                 :data-source="datasource"
+                                 :rows="rows"
+                                 :columns="columns">
+        </kendo-spreadsheet-sheet>
+    </kendo-spreadsheet>
+</div>
+```
+```js
+Vue.use(SpreadsheetInstaller);
+
+window.JSZip = JSZip;
+
+new Vue({
+    el: '#vueapp',
+    mounted () {
+        var spreadsheet = this.$refs.spreadsheet.kendoWidget();
+        spreadsheet.element.css('height', '400px');
+        spreadsheet.element.css('width', '100%');
+        spreadsheet.resize();
+        // spreadsheet.sheetByIndex(0).setDataSource(this.datasource);
+    },
+    data: function () {
+        return {
+            rows: [{
+                height: 40,
+                cells: [{
+                    bold: "true",
+                    background: "#9c27b0",
+                    textAlign: "center",
+                    color: "white"
+                },{
+                    bold: "true",
+                    background: "#9c27b0",
+                    textAlign: "center",
+                    color: "white"
+                },{
+                    bold: "true",
+                    background: "#9c27b0",
+                    textAlign: "center",
+                    color: "white"
+                },{
+                    bold: "true",
+                    background: "#9c27b0",
+                    textAlign: "center",
+                    color: "white"
+                },{
+                    bold: "true",
+                    background: "#9c27b0",
+                    textAlign: "center",
+                    color: "white"
+                }]
+            }],
+            columns: [
+                { width: 100 },
+                { width: 415 },
+                { width: 145 },
+                { width: 145 },
+                { width: 145 }
+            ],
+            datasource: {
+                transport: {
+                    read: function (options) {
+                        $.ajax({
+                            url: "https://demos.telerik.com/kendo-ui/service/Products/",
+                            dataType: "jsonp",
+                            success: function (result) {
+                                options.success(result);
+                            },
+                            error: function (result) {
+                                options.error(result);
+                            }
+                        });
+                    },
+                    submit: function (options) {
+                        $.ajax({
+                            url: "https://demos.telerik.com/kendo-ui/service/Products/Submit",
+                            data: { models: kendo.stringify(e.data) },
+                            contentType: "application/json",
+                            dataType: "jsonp",
+                            success: function (result) {
+                                e.success(result.Updated, "update");
+                                e.success(result.Created, "create");
+                                e.success(result.Destroyed, "destroy");
+                            },
+                            error: function (xhr, httpStatusMessage, customErrorMessage) {
+                                alert(xhr.responseText);
+                            }
+                        });
+                    }
+                },
+                batch: true,
+                schema: {
+                    model: {
+                        id: "ProductID",
+                        fields: {
+                            ProductID: { type: "number" },
+                            ProductName: { type: "string" },
+                            UnitPrice: { type: "number" },
+                            Discontinued: { type: "boolean" },
+                            UnitsInStock: { type: "number" }
+                        }
+                    }
+                }
+            }
+        };
+    }
+})
+```
+
 ## Suggested Links
 
 * [Kendo UI DataSource Component](https://docs.telerik.com/kendo-ui/api/javascript/data/datasource)
-* [Kendo UI Spreadsheet for jQuery](http://docs.telerik.com/kendo-ui/controls/layout/spreadsheet/overview)
-* [API Reference of the Spreadsheet Widget](http://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet)
+* [Kendo UI Spreadsheet for jQuery](https://docs.telerik.com/kendo-ui/controls/data-management/spreadsheet/overview)
+* [API Reference of the Spreadsheet Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet)

docs/index.md

@@ -17,13 +17,6 @@ ---
 
-## Installation
+## Basic Usage
 
-To initialize the Spreadsheet, either:
+The following example demonstrates how to initialize the Spreadsheet component.
 
-* [Use the CDN service](#toc-initializing-from-cdn), or
-* [Use Webpack](#toc-initializing-with-webpack).
-
-### Initializing from CDN
-
-The following example demonstrates how to initialize the Spreadsheet component by using the CDN services. To access all CDN references, open the sample in [Plunker](https://plnkr.co/).
-
 {% meta height:460 %}
@@ -46,2 +39,4 @@ ```html-preview
 
+window.JSZip = JSZip;
+
 new Vue({
@@ -132,2 +127,9 @@ el: '#vueapp',
 
+## Installation
+
+To initialize the Spreadsheet, either:
+
+* [Use the CDN service]({% slug using_cdn %}), or
+* [Use Webpack](#toc-initializing-with-webpack).
+
 ### Initializing with Webpack
@@ -169,6 +171,12 @@
 
-## Features and Functionalities
+## Functionality and Features
 
-The Spreadsheet delivers [data binding]({% slug databinding_spreadsheet %}) functionalities.
+* [Data Binding]({% slug databinding_spreadsheet %})
+* [Sorting and Filtering]({% slug sortingfiltering_spreadsheet %})
+* [Disabled Cells]({% slug disabledcells_spreadsheet %})
+* [Custom Editors]({% slug customeditors_spreadsheet %})
+* [Validation]({% slug validation_spreadsheet %})
 
+The Spreadsheet delivers [data binding]({% slug databinding_spreadsheet %}) functionality.
+
 ## Events
@@ -282,3 +290,3 @@
 
-* [Kendo UI Spreadsheet for jQuery](http://docs.telerik.com/kendo-ui/controls/layout/spreadsheet/overview)
-* [API Reference of the Spreadsheet Widget](http://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet)
+* [Kendo UI Spreadsheet for jQuery](https://docs.telerik.com/kendo-ui/controls/data-management/spreadsheet/overview)
+* [API Reference of the Spreadsheet Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet)

package.json

 {
   "name": "@progress/kendo-spreadsheet-vue-wrapper",
-  "version": "2018.2.620",
+  "version": "2018.3.911",
   "description": "Kendo UI Spreadsheet wrapper for Vue.js",
@@ -28,6 +28,6 @@ "main": "./dist/npm/index.js",
   "dependencies": {
-    "@progress/kendo-base-components-vue-wrapper": "2018.2.530.06041444"
+    "@progress/kendo-base-components-vue-wrapper": "2018.2.822.08270928"
   },
   "peerDependencies": {
-    "@progress/kendo-ui": "~2018.2.620",
+    "@progress/kendo-ui": "~2018.3.911",
     "vue": "^2.3.3"
@@ -34,0 +34,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

38

increased by11.76%

Worsened metrics

Total package byte prevSize

296005

decreased by-78.89%

Lines of code

1808

decreased by-81.41%

Number of low quality alerts

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@progress/kendo-ui@2018.3.1219(transitive)

• - Removed@progress/kendo-ui@2018.2.822(transitive)

• Updated@progress/kendo-base-components-vue-wrapper@2018.2.822.08270928