Mam układ oparty na siatce, który rozpocznie się od ustawionej liczby kolumn i stałej liczby kafelków. Czy istnieje sposób na zmianę liczby kolumn po ich skonfigurowaniu? - na przykład wychodząc z 3 kolumnami:Jak zmienić liczbę kolumn w Gridster?
(tile1 | tile2 | tile3
tile4 | Tile5 | tile6)
i zmieniając go w układ dwóch kolumna:
(tile1 | tile2
tile3 | tile4
tile5 | tile6)
Zmiana będzie zależna od interakcji użytkownika.
Próbowałem użyć czegoś takiego:
gridster = $("#gridster-container").gridster({
widget_margins: [30, 30],
widget_base_dimensions : [ 200, 170 ],
max_cols:numberOfColumns,
avoid_overlapped_widgets: true
}).data('gridster');
// user interaction
gridster.options.max_rows = 2;
gridster.init();
ale to nie wydają się działać ...
Próbowałem ręcznie zmianę wartości data-row
i data-col
do nowych stanowisk, a nazywa init() (i nie nazywa się init).
Mam nawet próbował zmiany kodu gridster dodając
// HACK
if (max_cols && max_cols < this.cols) {
this.cols = max_cols;
}
metody fn.generate_grid_and_stylesheet
(tuż po wierszu:
if (max_cols && max_cols >= min_cols && max_cols < this.cols) {
this.cols = max_cols;
}
).
Mogę pobrać kafelki, aby przesunąć właściwą pozycję za pomocą którejkolwiek z tych opcji, ale kolejne zachowanie przeciągania jest ... nieparzyste.
Mam skonfigurować jsfiddle (http://jsfiddle.net/qT6qr/), aby wyjaśnić, co mam na myśli (proszę wybaczyć gridster.min.js w linii na górze skrzypce, nie mogłem znaleźć CDN, który mógłbym użyć dla niego. ..).
Dzięki z góry
Cześć, masz rozdzielczość, możesz mi powiedzieć, proszę – balaji