В Gridstack, как развернуть и свернуть кнопку на виджете? - PullRequest
Новая
       41

В Gridstack, как развернуть и свернуть кнопку на виджете?

0 голосов
/ 03 декабря 2018

Я поместил две кнопки на каждый виджет, такие как «Развернуть» и «Свернуть в» в разделе заголовка виджета.Мне нужна такая функциональность, как когда я нажимаю кнопку «Свернуть», мой виджет будет свернут, и все остальные виджеты будут соответственно переставлены на новую позицию, а когда я нажму на кнопку «Развернуть», этот виджет будет иметь высоту, равную высоте исходного виджета, а все другие виджеты будут установлены на новые.Положение соответственно.

$(function() {

var options = {
         // cell_height: 150,
          vertical_margin:15,
          //width: 3
        };
    $('.grid-stack').gridstack(options);



    $('body').on('click', '.minimize-link', function() { 

        //alert("vbvbv");
         $(this).toggleClass("minimize-link").toggleClass("maximize-link");
         $(this).text("maximize");

        $(this).closest(".grid-stack-item").find(".portlet-content").css("display", "none");
   $(this).closest(".grid-stack-item").attr("data-gs-height", "1");


    });


    $('body').on('click', '.maximize-link', function() { 

        //alert("vbvbv");
         $(this).toggleClass("maximize-link").toggleClass("minimize-link");
         $(this).text("miniimize");

        $(this).closest(".grid-stack-item").find(".portlet-content").css("display", "none");
        $(this).closest(".grid-stack-item").attr("data-gs-height", "4");



    });

});

JSFiddle - ссылка

...