diff --git a/index.html b/index.html index b998b12..d23c543 100644 --- a/index.html +++ b/index.html @@ -88,7 +88,7 @@

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. - It also works great with knockout.js

+ It also works great with knockout.js and touch devices.

Inspired by gridster.js. Built with love.

@@ -161,61 +161,6 @@ $(function () {

For more samples and documentation please visit https://github.com/troolee/gridstack.js.

-

Use with knockout.js

- -

-ko.components.register('dashboard-grid', {
-    viewModel: {
-        createViewModel: function (params, componentInfo) {
-            var ViewModel = function (params, componentInfo) {
-                var grid = null;
-
-                this.widgets = params.widgets;
-
-                this.afterAddWidget = function (items) {
-                    _.each(items, function (item) {
-                        item = $(item);
-
-                        if (grid == null) {
-                            grid = $(componentInfo.element).find('.grid-stack').gridstack({
-                                auto: false
-                            }).data('gridstack');
-                        }
-
-                        grid.add_widget(item);
-                        ko.utils.domNodeDisposal.addDisposeCallback(item[0], function () {
-                            grid.remove_widget(item);
-                        });
-                    }, this);
-                };
-
-            };
-
-            return new ViewModel(params, componentInfo);
-        }
-    },
-    template: [
-        '<div class="grid-stack">',
-        '   <!-- ko foreach: widgets, afterRender: afterAddWidget -->',
-        '       <div class="grid-stack-item" data-bind="attr: {',
-        '           \'data-gs-x\': x,',
-        '           \'data-gs-y\': y,',
-        '           \'data-gs-width\': width,',
-        '           \'data-gs-height\': height',
-        '       }">',
-        '           <span data-bind="text: $index"></span>',
-        '       </div>',
-        '   <!-- /ko -->',
-        '</div>'
-    ].join('\n')
-});
-            
- -

and HTML:

- -

-<div data-bind="component: {name: 'dashboard-grid', params: $data}"></div>
-