143 lines
4.7 KiB
JavaScript
143 lines
4.7 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function() {
|
|
setTimeout(function() {
|
|
function getData() {
|
|
return [
|
|
["", "Kia", "Nissan", "Toyota", "Honda", "Mazda", "Ford"],
|
|
["2012", 10, 11, 12, 13, 15, 16],
|
|
["2013", 10, 11, 12, 13, 15, 16],
|
|
["2014", 10, 11, 12, 13, 15, 16],
|
|
["2015", 10, 11, 12, 13, 15, 16],
|
|
["2016", 10, 11, 12, 13, 15, 16]
|
|
]
|
|
}
|
|
|
|
function getCustomData() {
|
|
return [
|
|
["", "Kia", "Nissan", "Toyota", "Honda", "Mazda", "Ford"],
|
|
["2012", 10, 11, 12, 13, 15, 16],
|
|
["2013", 10, 11, 12, 13, 15, 16],
|
|
["2014", 10, 11, 12, 13, 15, 16],
|
|
["2015", 10, 11, 12, 13, 15, 16],
|
|
["2016", 10, 11, 12, 13, 15, 16]
|
|
]
|
|
}
|
|
|
|
function getData() {
|
|
return [
|
|
["", "Kia", "Nissan", "Toyota", "Honda", "Mazda", "Ford"],
|
|
["2012", 10, 11, 12, 13, 15, 16],
|
|
["2013", 10, 11, 12, 13, 15, 16],
|
|
["2014", 10, 11, 12, 13, 15, 16],
|
|
["2015", 10, 11, 12, 13, 15, 16],
|
|
["2016", 10, 11, 12, 13, 15, 16]
|
|
]
|
|
}
|
|
|
|
function getData() {
|
|
return [
|
|
["", "Kia", "Nissan", "Toyota", "Honda", "Mazda", "Ford"],
|
|
["2012", 10, 11, 12, 13, 15, 16],
|
|
["2013", 10, 11, 12, 13, 15, 16],
|
|
["2014", 10, 11, 12, 13, 15, 16],
|
|
["2015", 10, 11, 12, 13, 15, 16],
|
|
["2016", 10, 11, 12, 13, 15, 16]
|
|
]
|
|
}
|
|
var settings1, hot1, example1 = document.getElementById("context");
|
|
settings1 = {
|
|
data: getData(),
|
|
rowHeaders: !0,
|
|
colHeaders: !0,
|
|
contextMenu: !0
|
|
}, hot1 = new Handsontable(example1, settings1);
|
|
var settings3, hot3, example3 = document.getElementById("configuration");
|
|
settings3 = {
|
|
data: getCustomData(),
|
|
rowHeaders: !0,
|
|
colHeaders: !0
|
|
}, hot3 = new Handsontable(example3, settings3), hot3.updateSettings({
|
|
contextMenu: {
|
|
callback: function(key, options) {
|
|
"about" === key && setTimeout(function() {
|
|
alert("This is a context menu with default and custom options mixed")
|
|
}, 100)
|
|
},
|
|
items: {
|
|
row_above: {
|
|
disabled: function() {
|
|
return 0 === hot3.getSelected()[0]
|
|
}
|
|
},
|
|
row_below: {},
|
|
hsep1: "---------",
|
|
remove_row: {
|
|
name: "Remove this row, ok?",
|
|
disabled: function() {
|
|
return 0 === hot3.getSelected()[0]
|
|
}
|
|
},
|
|
hsep2: "---------",
|
|
about: {
|
|
name: "About this menu"
|
|
}
|
|
}
|
|
}
|
|
});
|
|
var hot4, copyPaste = document.getElementById("copyPaste");
|
|
hot4 = new Handsontable(copyPaste, {
|
|
data: getData(),
|
|
rowHeaders: !0,
|
|
colHeaders: !0,
|
|
contextMenu: !0,
|
|
contextMenuCopyPaste: {
|
|
swfPath: "/bower_components/zeroclipboard/dist/ZeroClipboard.swf"
|
|
}
|
|
});
|
|
var hot, data = [
|
|
["", "Kia", "Nissan", "Toyota", "Honda", "Mazda", "Ford"],
|
|
["2012", 10, 11, 12, 13, 15, 16],
|
|
["2013", 10, 11, 12, 13, 15, 16],
|
|
["2014", 10, 11, 12, 13, 15, 16],
|
|
["2015", 10, 11, 12, 13, 15, 16],
|
|
["2016", 10, 11, 12, 13, 15, 16]
|
|
],
|
|
container = document.getElementById("buttons"),
|
|
selectFirst = document.getElementById("selectFirst"),
|
|
rowHeaders = document.getElementById("rowHeaders"),
|
|
colHeaders = document.getElementById("colHeaders");
|
|
hot = new Handsontable(container, {
|
|
rowHeaders: !0,
|
|
colHeaders: !0,
|
|
outsideClickDeselects: !1,
|
|
removeRowPlugin: !0
|
|
}), hot.loadData(data), Handsontable.Dom.addEvent(selectFirst, "click", function() {
|
|
hot.selectCell(0, 0)
|
|
}), Handsontable.Dom.addEvent(rowHeaders, "click", function() {
|
|
hot.updateSettings({
|
|
rowHeaders: this.checked
|
|
})
|
|
}), Handsontable.Dom.addEvent(colHeaders, "click", function() {
|
|
hot.updateSettings({
|
|
colHeaders: this.checked
|
|
})
|
|
});
|
|
var hot1, container = document.getElementById("comments");
|
|
hot1 = new Handsontable(container, {
|
|
data: getData(),
|
|
rowHeaders: !0,
|
|
colHeaders: !0,
|
|
contextMenu: !0,
|
|
comments: !0,
|
|
cell: [{
|
|
row: 1,
|
|
col: 1,
|
|
comment: "Some comment"
|
|
}, {
|
|
row: 2,
|
|
col: 2,
|
|
comment: "More comments"
|
|
}]
|
|
})
|
|
|
|
}, 800);
|
|
}); |