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.
-
-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>
-