如何在gridster中仅调整少量小部件的大小

时间:2014-02-25 20:33:40

标签: jquery gridster

我需要一个小部件 - 'widgetId 0'来跨越2列,其他小部件 - 'widgetId 1'在调整大小时最多可以跨越4列。 下面是我的两个小部件:

 var serialize = [
    {
        "widgetId": "0",
        "text": "Test Info",
        "description": "",
        "type": "info",
         "path":"test-info.png",
        "dataType": "TEST_INFO",
        "position": {

            "col": 1,
            "row": 1,
            "size_x": 1,
            "size_y": 2


        }
    },
    {
        "widgetId": "1",
        "title": "Test Details",
        "description": "",
        "type": "info",
        "path":"test-details.png",
        "dataType": "TEST_DETAILS",
        "position": {
            "col": 2,
            "row": 1,
            "size_x": 2,
            "size_y": 2
        }
    }]

我怎样才能做到这一点?

是否有任何javascript函数可以调整特定小部件的大小?

由于

1 个答案:

答案 0 :(得分:0)

能够选择小部件是否可调整大小,请查看my answer to this post

要实现“受控”大小调整,您可以调整add_widget函数的x_size,y_size和[max_x_size,max_y_size]参数!例如,设置x_size = max_x_size以防止在“x”轴上调整大小“,设置max_x_size = x_size +”n“,使小部件在x轴上最多只能调整n列,依此类推......