Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
open-source
gridstack.js
Commits
90a6d06d
Commit
90a6d06d
authored
Nov 28, 2014
by
Pavel Reznikov
Browse files
remove unnecessary margin from samples
parent
7bab2f9d
Changes
1
Hide whitespace changes
Inline
Side-by-side
README.md
View file @
90a6d06d
...
...
@@ -25,28 +25,28 @@ Usage
## Basic usage
```
html
<div
class=
"grid-stack"
>
<div
class=
"grid-stack-item"
data-gs-x=
"0"
data-gs-y=
"0"
data-gs-width=
"4"
data-gs-height=
"2"
>
<div
class=
"grid-stack-item-content"
></div>
</div>
<div
class=
"grid-stack-item"
data-gs-x=
"4"
data-gs-y=
"0"
data-gs-width=
"4"
data-gs-height=
"4"
>
<div
class=
"grid-stack-item-content"
></div>
</div>
<div
class=
"grid-stack"
>
<div
class=
"grid-stack-item"
data-gs-x=
"0"
data-gs-y=
"0"
data-gs-width=
"4"
data-gs-height=
"2"
>
<div
class=
"grid-stack-item-content"
></div>
</div>
<script
type=
"text/javascript"
>
$
(
function
()
{
var
options
=
{
cell_height
:
80
,
vertical_margin
:
10
};
$
(
'
.grid-stack
'
).
gridstack
(
options
);
});
</script>
<div
class=
"grid-stack-item"
data-gs-x=
"4"
data-gs-y=
"0"
data-gs-width=
"4"
data-gs-height=
"4"
>
<div
class=
"grid-stack-item-content"
></div>
</div>
</div>
<script
type=
"text/javascript"
>
$
(
function
()
{
var
options
=
{
cell_height
:
80
,
vertical_margin
:
10
};
$
(
'
.grid-stack
'
).
gridstack
(
options
);
});
</script>
```
## Options
...
...
@@ -84,49 +84,49 @@ Usage
Occurs when widgets change their position/size
```
javascript
var
serialize_widget_map
=
function
(
items
)
{
console
.
log
(
items
);
};
var
serialize_widget_map
=
function
(
items
)
{
console
.
log
(
items
);
};
$
(
'
.grid-stack
'
).
on
(
'
change
'
,
function
(
e
,
items
)
{
serialize_widget_map
(
items
);
});
$
(
'
.grid-stack
'
).
on
(
'
change
'
,
function
(
e
,
items
)
{
serialize_widget_map
(
items
);
});
```
### ondragstart(event, ui)
```
javascript
$
(
'
.grid-stack
'
).
on
(
'
dragstart
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
$
(
'
.grid-stack
'
).
on
(
'
dragstart
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
```
### ondragstop(event, ui)
```
javascript
$
(
'
.grid-stack
'
).
on
(
'
dragstop
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
$
(
'
.grid-stack
'
).
on
(
'
dragstop
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
```
### onresizestart(event, ui)
```
javascript
$
(
'
.grid-stack
'
).
on
(
'
resizestart
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
$
(
'
.grid-stack
'
).
on
(
'
resizestart
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
```
### onresizestop(event, ui)
```
javascript
$
(
'
.grid-stack
'
).
on
(
'
resizestop
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
$
(
'
.grid-stack
'
).
on
(
'
resizestop
'
,
function
(
event
,
ui
)
{
var
grid
=
this
;
var
element
=
event
.
target
;
});
```
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment