gpt4 book ai didi

jquery - 仅使一个 gridster 小部件可调整大小

转载 作者:行者123 更新时间:2023-12-01 06:47:25 25 4
gpt4 key购买 nike

是否可以只调整一个 gridster 小部件的大小?

我这样做是为了让用户可以单击小部件标题,使其展开和收缩。

我想让它在展开小部件时可以调整大小。

这可以做到吗?如果是这样,怎么办?

最佳答案

您只能使用一些可调整大小的“特定”小部件来修改库(仅 4 行),如下所示(请参阅 gridster.js - v0.5.1 - 2014-03-26)..

1)更新add_widget函数(修改的行在注释中标记为“自定义”):

fn.add_widget = function(html, size_x, size_y, col, row, max_size, min_size, resizable) { //custom
var pos;
size_x || (size_x = 1);
size_y || (size_y = 1);

if (!col & !row) {
pos = this.next_position(size_x, size_y);
}else{
pos = {
col: col,
row: row
};

this.empty_cells(col, row, size_x, size_y);
}

var $w = $(html).attr({
'resizable' : (resizable === true), //custom
'data-col': pos.col,
'data-row': pos.row,
'data-sizex' : size_x,
'data-sizey' : size_y
}).addClass('gs-w').appendTo(this.$el).hide();

[...]

2)更新register_widget函数(再次注意评论中的“自定义”一词):

fn.register_widget = function($el) {
var resizable = $el.attr('resizable'); //custom
var wgd = {
'col': parseInt($el.attr('data-col'), 10),
'row': parseInt($el.attr('data-row'), 10),
'size_x': parseInt($el.attr('data-sizex'), 10),
'size_y': parseInt($el.attr('data-sizey'), 10),
'max_size_x': parseInt($el.attr('data-max-sizex'), 10) || false,
'max_size_y': parseInt($el.attr('data-max-sizey'), 10) || false,
'min_size_x': parseInt($el.attr('data-min-sizex'), 10) || false,
'min_size_y': parseInt($el.attr('data-min-sizey'), 10) || false,
'el': $el
};

if (this.options.avoid_overlapped_widgets &&
!this.can_move_to(
{size_x: wgd.size_x, size_y: wgd.size_y}, wgd.col, wgd.row)
) {
$.extend(wgd, this.next_position(wgd.size_x, wgd.size_y));
$el.attr({
'data-col': wgd.col,
'data-row': wgd.row,
'data-sizex': wgd.size_x,
'data-sizey': wgd.size_y
});
}

// attach Coord object to player data-coord attribute
$el.data('coords', $el.coords());
// Extend Coord object with grid position info
$el.data('coords').grid = wgd;

this.add_to_gridmap(wgd, $el);
this.options.resize.enabled && (resizable === "true") && this.add_resize_handle($el); //custom

return this;
};

完成!

add_widget 函数的新签名现在是:

.add_widget( html, [size_x], [size_y], [col], [row], [resizable] )

如果您希望小部件可调整大小,只需将“可调整大小”参数设置为 true!

关于jquery - 仅使一个 gridster 小部件可调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22107062/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com