gridster.js 中文文档

gridster.js resize_widget 修改单元格大小

gridster.js 提供了 resize_widget 函数可以修改某个单元格的大小,

resize_widget

参数
 $widget 需要调整单元格的jquery对象
 size_x需要调整的宽度(占几列)
 size_y 需要调整的高度(占几行)
返回值
 HTMLElement被调整的单元格jquery对象

代码例子

// 占4列
var size_x = 3;
// 占1行
var size_y = 1;
// 改变第1个元素的大小,不管设置第三个参数 true false都会把第2个单元格挤下去
// 应该插件有BUG
//gridster.resize_widget(gridster.$widgets.eq(0),size_x, size_y,true);

//下面第2个单元格不会挤下去
gridster.expand_widget(gridster.$widgets.eq(1), 1, 1, 4);
gridster.resize_widget(gridster.$widgets.eq(0), size_x, size_y, true);

在线试一试

Catalog
快速入门 Usage gridster.js 属性列表 gridster.js 方法列表 序列化创建网格 修改单元格大小 动态添加单元格 自定义拖拽句柄 展开选中单元格 拖动相关回调函数 缩放相关回调函数 响应式布局网格 交换模式 限制单元格大小 一个网页多个实例