1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
(function ($) {
var grid;
var el, offsetBefore, offsetAfter, dragged;
var drag = function(handle, dx, dy) {
offsetBefore = el.offset();
$(handle).simulate("drag", {
dx: dx || 0,
dy: dy || 0
});
dragged = { dx: dx, dy: dy };
offsetAfter = el.offset();
}
var moved = function (dx, dy, msg) {
msg = msg ? msg + "." : "";
var actual = { left: offsetAfter.left, top: offsetAfter.top };
var expected = { left: offsetBefore.left + dx, top: offsetBefore.top + dy };
same(actual, expected, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
}
var ROWS = 500, COLS = 10;
var data = [], row;
for (var i = 0; i < ROWS; i++) {
row = { id: "id_" + i };
for (var j = 0; j < COLS; j++) {
row["col_" + j] = i + "." + j;
}
data.push(row);
}
var cols = [], col;
for (var i = 0; i < COLS; i++) {
cols.push({
id: "col" + i,
field: "col_" + i,
name: "col_" + i
});
}
cols[0].minWidth = 70;
grid = new Slick.Grid("#container", data, cols);
grid.render();
module("grid - column resizing");
test("minWidth is respected", function () {
var firstCol = $("#container .slick-header-column:first");
firstCol.find(".slick-resizable-handle:first").simulate("drag", { dx: 100, dy: 0 });
firstCol.find(".slick-resizable-handle:first").simulate("drag", { dx: -200, dy: 0 });
equal(firstCol.outerWidth(), 70, "width set to minWidth");
});
test("onColumnsResized is fired on column resize", function () {
expect(2);
grid.onColumnsResized.subscribe(function() { ok(true,"onColumnsResized called") });
var oldWidth = cols[0].width;
$("#container .slick-resizable-handle:first").simulate("drag", { dx: 100, dy: 0 });
equal(cols[0].width, oldWidth+100-1, "columns array is updated");
});
test("getData should return data", function () {
equal(grid.getData(), data);
});
})(jQuery);
|
