mirror of
https://github.com/FlipsideCrypto/DefinitelyTyped.git
synced 2026-02-06 10:56:53 +00:00
Add types for jexcel (#43837)
* Add types for jexcel * fix: Correct the definition as UMD * fix: Remove unused deactivation rules
This commit is contained in:
arx-8
GitHub
parent
a03eae245b
commit
95fd1ddb01
913
types/jexcel/index.d.ts
vendored
Normal file
913
types/jexcel/index.d.ts
vendored
Normal file
@ -0,0 +1,913 @@
|
||||
// Type definitions for jexcel 3.9
|
||||
// Project: https://github.com/paulhodel/jexcel
|
||||
// Definitions by: arx-8 <https://github.com/arx-8>
|
||||
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||
// Minimum TypeScript Version: 2.9
|
||||
|
||||
export = jexcel;
|
||||
export as namespace jexcel;
|
||||
|
||||
declare const jexcel: jexcel.JExcel;
|
||||
|
||||
declare namespace jexcel {
|
||||
//
|
||||
// Cell values
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
type CellValue = string | number | boolean;
|
||||
|
||||
type SourceValue =
|
||||
| CellValue
|
||||
| {
|
||||
id: CellValue;
|
||||
name: CellValue;
|
||||
};
|
||||
|
||||
interface SourceValueElement<T extends CellValue> {
|
||||
id: T;
|
||||
name: CellValue;
|
||||
}
|
||||
|
||||
//
|
||||
// Column options
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
interface CalendarOptions {
|
||||
/** Date format */
|
||||
format?: string;
|
||||
/** Fullscreen (this is automatic set for screensize < 800) */
|
||||
fullscreen?: boolean;
|
||||
/**
|
||||
* Translations can be done here
|
||||
* Default: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
*/
|
||||
months?: [string, string, string, string, string, string, string, string, string, string, string, string];
|
||||
// tslint:disable-next-line ban-types
|
||||
onchange?: Function;
|
||||
/** Events */
|
||||
// tslint:disable-next-line ban-types
|
||||
onclose?: Function;
|
||||
/** Placeholder */
|
||||
placeholder?: CellValue;
|
||||
/** Allow keyboard date entry */
|
||||
readonly?: boolean;
|
||||
/** Show the reset button */
|
||||
resetButton?: boolean;
|
||||
/** Show timepicker */
|
||||
time?: boolean;
|
||||
/** Today is default */
|
||||
today?: boolean;
|
||||
/** Value */
|
||||
value?: CellValue;
|
||||
/**
|
||||
* Default: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]
|
||||
*/
|
||||
weekdays?: [string, string, string, string, string, string, string];
|
||||
/**
|
||||
* Default: ["S", "M", "T", "W", "T", "F", "S"]
|
||||
*/
|
||||
weekdays_short?: [string, string, string, string, string, string, string];
|
||||
}
|
||||
|
||||
interface ColumnEditor {
|
||||
// tslint:disable-next-line ban-types
|
||||
closeEditor?: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
getValue?: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
openEditor?: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
setValue?: Function;
|
||||
}
|
||||
|
||||
interface Column {
|
||||
/**
|
||||
* Default: "center"
|
||||
*/
|
||||
align?: 'center' | 'left' | 'right';
|
||||
autocomplete?: boolean;
|
||||
decimal?: string;
|
||||
editor?: ColumnEditor;
|
||||
mask?: string;
|
||||
multiple?: boolean;
|
||||
name?: CellValue;
|
||||
options?: CalendarOptions;
|
||||
primaryKey?: boolean;
|
||||
readOnly?: boolean;
|
||||
render?: string;
|
||||
source?: SourceValue[];
|
||||
title?: CellValue;
|
||||
/**
|
||||
* @see https://bossanova.uk/jexcel/v4/examples/column-types
|
||||
*/
|
||||
type?:
|
||||
| 'autocomplete'
|
||||
| 'calendar'
|
||||
| 'checkbox'
|
||||
| 'color'
|
||||
| 'dropdown'
|
||||
| 'hidden'
|
||||
| 'html'
|
||||
| 'image'
|
||||
| 'numeric'
|
||||
| 'radio'
|
||||
| 'text';
|
||||
url?: string;
|
||||
width?: number;
|
||||
wordWrap?: boolean;
|
||||
}
|
||||
|
||||
//
|
||||
// Main options
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
interface MethodsOptions {
|
||||
/**
|
||||
* remove column by number
|
||||
* @param integer columnNumber - Which column should be excluded starting on zero
|
||||
* @param integer numOfColumns - number of columns to be excluded from the reference column myTable.deleteColumn([integer], [integer]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
deleteColumn?: Function;
|
||||
/**
|
||||
* remove row by number
|
||||
* @param integer rowNumber - Which row should be excluded starting on zero
|
||||
* @param integer numOfRows - number of lines to be excluded
|
||||
* myTable.deleteRow([integer], [integer]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
deleteRow?: Function;
|
||||
/** Destroy all merged cells myTable.destroyMerge(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
destroyMerged?: Function;
|
||||
/**
|
||||
* get the current data as a CSV file
|
||||
* @param bool - true to download parsed formulas.
|
||||
* myTable.download([bool]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
download?: Function;
|
||||
/**
|
||||
* Toggle table fullscreen mode
|
||||
* @param boolean fullscreen - define fullscreen status as true or false
|
||||
* myTable.fullscreen([bool]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
fullscreen?: Function;
|
||||
/** get current cell DOM @param string columnName - str compatible with excel, or as object. myTable.getCell([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getCell?: Function;
|
||||
/** Get the data from one column by number @param integer columnNumber - Column number myTable.getColumnData([int]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getColumnData?: Function;
|
||||
/** get cell comments @param mixed - cell identification or null for the whole table. myTable.getComments([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getComments?: Function;
|
||||
/** get table definitions myTable.getConfig(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getConfig?: Function;
|
||||
/** Get the full or partial table data @param boolean onlyHighlighedCells - Get only highlighted cells myTable.getData([bool]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getData?: Function;
|
||||
/** get the current header by column number @param integer columnNumber - Column number starting on zero myTable.getHeader([integer]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getHeader?: Function;
|
||||
/** get all header titles myTable.getHeaders(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getHeaders?: Function;
|
||||
/** get the current row height @param integer rowNumber - row number starting on zero myTable.getHeight([integer]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getHeight?: Function;
|
||||
/** Get the full or partial table data in JSON format @param boolean onlyHighlighedCells - Get only highlighted cells myTable.getData([bool]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getJson?: Function;
|
||||
/** get current cell DOM innerHTML @param string columnName - str compatible with excel, or as object. myTable.getLabel([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getLabel?: Function;
|
||||
/** Get merged cells properties @param string columnName - Column name, such as A1. myTable.getMerge([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getMerge?: Function;
|
||||
/** get the table or cell meta information @param mixed - cell identification or null for the whole table. myTable.getMeta([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getMeta?: Function;
|
||||
/** Get the data from one row by number @param integer rowNumber - Row number myTable.getRowData([int]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getRowData?: Function;
|
||||
/** Get the selected columns @param boolean asIds - Get the colNumbers or row DOM elements myTable.getSelectedColumns([bool]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getSelectedColumns?: Function;
|
||||
/** Get the selected rows @param boolean asIds - Get the rowNumbers or row DOM elements myTable.getSelectedRows([bool]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getSelectedRows?: Function;
|
||||
/** get table or cell style @param mixed - cell identification or null for the whole table. myTable.getStyle([string])); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getStyle?: Function;
|
||||
/** get current cell value @param mixed cellIdent - str compatible with excel, or as object. myTable.getValue([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getValue?: Function;
|
||||
/** get value from coords @param integer x @param integer y myTable.getValueFromCoords([integer], [integer]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getValueFromCoords?: Function;
|
||||
/** get the current column width @param integer columnNumber - column number starting on zero myTable.getWidth([integer]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
getWidth?: Function;
|
||||
/** hide column by number myTable.hideColumn([int]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
hideColumn?: Function;
|
||||
/** hide column of index numbers myTable.hideIndex(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
hideIndex?: Function;
|
||||
/**
|
||||
* add a new column
|
||||
* @param mixed - num of columns to be added or data to be added in one single column
|
||||
* @param int columnNumber - number of columns to be created
|
||||
* @param boolean insertBefore
|
||||
* @param object properties - column properties
|
||||
* myTable.insertColumn([mixed], [integer], [boolean], [object]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
insertColumn?: Function;
|
||||
/**
|
||||
* add a new row
|
||||
* @param mixed - number of blank lines to be insert or a single array with the data of the new row
|
||||
* @param integer rowNumber - reference row number
|
||||
* @param boolean insertBefore
|
||||
* myTable.insertRow([mixed], [integer], [boolean]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
insertRow?: Function;
|
||||
/**
|
||||
* change the column position
|
||||
* @param integer columnPosition
|
||||
* @param integer newColumnPosition
|
||||
* myTable.moveColumn([integer], [integer]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
moveColumn?: Function;
|
||||
/**
|
||||
* change the row position
|
||||
* @param integer rowPosition
|
||||
* @param integer newRowPosition
|
||||
* myTable.moveRow([integer], [integer]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
moveRow?: Function;
|
||||
/**
|
||||
* reorder a column asc or desc
|
||||
* @param integer columnNumber - column number starting on zero
|
||||
* @param smallint sortType - One will order DESC, zero will order ASC, anything else will toggle the current order
|
||||
* myTable.orderBy([integer], [boolean]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
orderBy?: Function;
|
||||
/** Go to page number- Valid only when pagination is true. @param integer - Go to page number myTable.page([integer]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
page?: Function;
|
||||
/** Redo changes myTable.redo(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
redo?: Function;
|
||||
/** Destroy merged by column name @param string columnName - Column name, such as A1. myTable.removeMerge([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
removeMerge?: Function;
|
||||
/** reset search table myTable.resetSearch(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
resetSearch?: Function;
|
||||
/** Reset the table selection @param boolean executeBlur - execute the blur from the table myTable.resetSelection([bool]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
resetSelection?: Function;
|
||||
/** remove all style from a cell @param string columnName - Column name, example: A1, B3, etc myTable.resetStyle([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
resetStyle?: Function;
|
||||
/** search in the table, only if directive is enabled during inialization. @param string - Search for word myTable.search([string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
search?: Function;
|
||||
/** Set the data from one column by number @param integer columnNumber - Column number @param array colData - Column data myTable.setColumnData([int], [array]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
setColumnData?: Function;
|
||||
/** set cell comments @param cell - cell identification @param text - comments myTable.setComments([string], [string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
setComments?: Function;
|
||||
/** Set the table data @param json newData - New json data, null will reload what is in memory. myTable.setData([json]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
setData?: Function;
|
||||
/** change header by column @param integer columnNumber - column number starting on zero @param string columnTitle - New header title myTable.setHeader([integer], [string]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
setHeader?: Function;
|
||||
/** change row height @param integer rowNumber - row number starting on zero @param string newRowHeight- New row height myTable.setHeight([integer], [integer]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
setHeight?: Function;
|
||||
/**
|
||||
* Merge cells
|
||||
* @param string columnName - Column name, such as A1.
|
||||
* @param integer colspan - Number of columns
|
||||
* @param integer rowspan - Number of rows
|
||||
* myTable.setMerge([string], [int], [int]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
setMerge?: Function;
|
||||
/** set the table or cell meta information @param mixed - json with whole table meta information. myTable.setMeta[mixed]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
setMeta?: Function;
|
||||
/**
|
||||
* Set the data from one row by number
|
||||
* @param integer rowNumber - Row number
|
||||
* @param array rowData - Row data
|
||||
* myTable.setRowData([int], [array]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
setRowData?: Function;
|
||||
/**
|
||||
* set cell(s) CSS style
|
||||
* @param mixed - json with whole table style information or just one cell identification. Ex. A1.
|
||||
* @param k [optional]- CSS key
|
||||
* @param v [optional]- CSS value
|
||||
* myTable.setSyle([object], [string], [string]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
setStyle?: Function;
|
||||
/**
|
||||
* change the cell value
|
||||
* @param mixed cellIdent - str compatible with excel, or as object.
|
||||
* @param string Value - new value for the cell
|
||||
* @param bool force - update readonly columns
|
||||
* myTable.setValue([string], [string], [bool]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
setValue?: Function;
|
||||
/**
|
||||
* get value from coords
|
||||
* @param integer x
|
||||
* @param integer y
|
||||
* @param string Value - new value for the cell
|
||||
* @param bool force - update readonly columns
|
||||
* myTable.getValueFromCoords([integer], [integer], [string], [bool]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
setValueFromCoords?: Function;
|
||||
/**
|
||||
* change column width
|
||||
* @param integer columnNumber - column number starting on zero
|
||||
* @param string newColumnWidth - New column width
|
||||
* myTable.setWidth([integer], [integer]);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
setWidth?: Function;
|
||||
/** show column by number myTable.showIndex([int]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
showColumn?: Function;
|
||||
/** show column of index numbers myTable.showIndex(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
showIndex?: Function;
|
||||
/** Undo last changes myTable.undo(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
undo?: Function;
|
||||
/**
|
||||
* select cells
|
||||
* @param object startCell - cell object
|
||||
* @param object endCell - cell object
|
||||
* @param boolean ignoreEvents - ignore onselection event
|
||||
* myTable.updateSelection([cell], [cell], true);
|
||||
*/
|
||||
// tslint:disable-next-line ban-types
|
||||
updateSelection?: Function;
|
||||
/** select cells @param integer x1 @param integer y1 @param integer x2 @param integer y2 myTable.updateSelectionFromCoords([integer], [integer], [integer], [integer]); */
|
||||
// tslint:disable-next-line ban-types
|
||||
updateSelectionFromCoords?: Function;
|
||||
/** Which page showing on jExcel - Valid only when pagination is true. myTable.whichPage(); */
|
||||
// tslint:disable-next-line ban-types
|
||||
whichPage?: Function;
|
||||
}
|
||||
|
||||
interface EventsOptions {
|
||||
/** After all changes are applied in the table. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onafterchanges?: Function;
|
||||
/** Before a column value is changed. NOTE: It is possible to overwrite the original value, by return a new value on this method. v3.4.0+ */
|
||||
// tslint:disable-next-line ban-types
|
||||
onbeforechange?: Function;
|
||||
/** Before a column is excluded. You can cancel the insert event by returning false. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onbeforedeletecolumn?: Function;
|
||||
/** Before a row is deleted. You can cancel the delete event by returning false. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onbeforedeleterow?: Function;
|
||||
/** Before a new column is inserted. You can cancel the insert event by returning false. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onbeforeinsertcolumn?: Function;
|
||||
/** Before a new row is inserted. You can cancel the insert event by returning false. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onbeforeinsertrow?: Function;
|
||||
/** Before the paste action is performed. Used to parse any input data, should return the data. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onbeforepaste?: Function;
|
||||
/** On table blur */
|
||||
// tslint:disable-next-line ban-types
|
||||
onblur?: Function;
|
||||
/** After a column value is changed. */
|
||||
onchange?: (
|
||||
instance: HTMLElement,
|
||||
cell: HTMLTableCellElement,
|
||||
/** (e.g.) "0", "1" ... */
|
||||
columnIndex: string,
|
||||
/** (e.g.) "0", "1" ... */
|
||||
rowIndex: string,
|
||||
value: CellValue,
|
||||
) => void;
|
||||
/** On header change */
|
||||
// tslint:disable-next-line ban-types
|
||||
onchangeheader?: Function;
|
||||
/** When a setMeta is called. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onchangemeta?: Function;
|
||||
/** When the page is changed. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onchangepage?: Function;
|
||||
/** When a setStyle is called. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onchangestyle?: Function;
|
||||
/** After a column is excluded. */
|
||||
// tslint:disable-next-line ban-types
|
||||
ondeletecolumn?: Function;
|
||||
/** After a row is excluded. */
|
||||
// tslint:disable-next-line ban-types
|
||||
ondeleterow?: Function;
|
||||
/** When a closeEditor is called. */
|
||||
// tslint:disable-next-line ban-types
|
||||
oneditionend?: Function;
|
||||
/** When a openEditor is called. */
|
||||
// tslint:disable-next-line ban-types
|
||||
oneditionstart?: Function;
|
||||
/** On table focus */
|
||||
// tslint:disable-next-line ban-types
|
||||
onfocus?: Function;
|
||||
/** After a new column is inserted. */
|
||||
// tslint:disable-next-line ban-types
|
||||
oninsertcolumn?: Function;
|
||||
/** After a new row is inserted. */
|
||||
// tslint:disable-next-line ban-types
|
||||
oninsertrow?: Function;
|
||||
/** This method is called when the method setData */
|
||||
// tslint:disable-next-line ban-types
|
||||
onload?: Function;
|
||||
/** On column merge */
|
||||
// tslint:disable-next-line ban-types
|
||||
onmerge?: Function;
|
||||
/** After a column is moved to a new position. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onmovecolumn?: Function;
|
||||
/** After a row is moved to a new position. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onmoverow?: Function;
|
||||
/** After a paste action is performed in the javascript table. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onpaste?: Function;
|
||||
/** On redo is applied */
|
||||
// tslint:disable-next-line ban-types
|
||||
onredo?: Function;
|
||||
/** After a change in column width. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onresizecolumn?: Function;
|
||||
/** After a change in row height. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onresizerow?: Function;
|
||||
/** On the selection is changed. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onselection?: Function;
|
||||
/** After a colum is sorted. */
|
||||
// tslint:disable-next-line ban-types
|
||||
onsort?: Function;
|
||||
/** On undo is applied */
|
||||
// tslint:disable-next-line ban-types
|
||||
onundo?: Function;
|
||||
}
|
||||
|
||||
interface InitializationOptions {
|
||||
/** Allow comments over the cells: bool */
|
||||
allowComments?: boolean;
|
||||
/** Allow delete a column: bool */
|
||||
allowDeleteColumn?: boolean;
|
||||
/** Allow delete a row: bool */
|
||||
allowDeleteRow?: boolean;
|
||||
/** Allow table export: bool */
|
||||
allowExport?: boolean;
|
||||
/** Allow insert a new column: bool */
|
||||
allowInsertColumn?: boolean;
|
||||
/** Allow insert a new row: bool */
|
||||
allowInsertRow?: boolean;
|
||||
/** Allow user to create a new column: bool */
|
||||
allowManualInsertColumn?: boolean;
|
||||
/** Allow user to insert a new row: bool */
|
||||
allowManualInsertRow?: boolean;
|
||||
/** Allow rename a column: bool */
|
||||
allowRenameColumn?: boolean;
|
||||
/** Auto increment actions when using the dragging corner */
|
||||
autoIncrement?: any;
|
||||
/** Allow column dragging: bool */
|
||||
columnDrag?: boolean;
|
||||
/** Allow column resizing: bool */
|
||||
columnResize?: boolean;
|
||||
/** Allow column sorting: bool */
|
||||
columnSorting?: boolean;
|
||||
/** Column type, title, width, align, dropdown options, text wrapping, mask, etc.: object */
|
||||
columns?: Column[];
|
||||
/** Context menu content: function() { return customMenu } */
|
||||
// tslint:disable-next-line ban-types
|
||||
contextMenu?: Function;
|
||||
/** When is true copy and export will bring formula results, if false will bring formulas: boolean */
|
||||
copyCompatibility?: boolean;
|
||||
/** Load a external CSV file from this URL: string */
|
||||
csv?: string;
|
||||
/** Default delimiter for the CSV file: string */
|
||||
csvDelimiter?: string;
|
||||
/** Default filename for a download method: string */
|
||||
csvFileName?: string;
|
||||
/** Load header titles from the CSV file: bool */
|
||||
csvHeaders?: boolean;
|
||||
/** Load this data into the javascript table: array */
|
||||
data?: CellValue[][] | Array<{ [title in string | number]: CellValue }>;
|
||||
/** Default align for a new column: [center, left, right] */
|
||||
defaultColAlign?: 'center' | 'left' | 'right';
|
||||
/** Default width for a new column: integer */
|
||||
defaultColWidth?: number;
|
||||
/** Allow table edition: bool */
|
||||
editable?: boolean;
|
||||
/** Fullscreen mode */
|
||||
fullscreen?: boolean;
|
||||
/** Include header titles on download: bool */
|
||||
includeHeadersOnDownload?: boolean;
|
||||
/** Activate the table lazyloading */
|
||||
lazyLoading?: boolean;
|
||||
/** Activate the loading spin */
|
||||
loadingSpin?: boolean;
|
||||
/** Cells to be merged in the table initialization: object */
|
||||
mergeCells?: Record<string, any>;
|
||||
/** Meta information: object */
|
||||
meta?: Record<string, any>;
|
||||
/** Minimum table dimensions: [cols, rows] */
|
||||
minDimensions?: [number] | [undefined, number] | [number, number];
|
||||
/** Minimum number of spare cols: [integer] */
|
||||
minSpareCols?: number[];
|
||||
/** Minimum number of spare rows: [integer] */
|
||||
minSpareRows?: number[];
|
||||
/** Define the nested headers, including title, colspan, etc: object */
|
||||
nestedHeaders?: Array<
|
||||
Array<{
|
||||
colspan?: number;
|
||||
title?: CellValue;
|
||||
}>
|
||||
>;
|
||||
/** Break the table by pages */
|
||||
pagination?: number;
|
||||
/** Number of records per page: 25,50,75,100 for example. */
|
||||
paginationOptions?: number[];
|
||||
/** Enable execution of formulas inside the table */
|
||||
parseFormulas?: any;
|
||||
/** Allow row dragging: bool */
|
||||
rowDrag?: boolean;
|
||||
/** Allow row resizing: bool */
|
||||
rowResize?: boolean;
|
||||
/** Row properties: height.: object */
|
||||
rows?: Record<string, any>;
|
||||
/** Allow search in the table */
|
||||
search?: boolean;
|
||||
/** Allow selection copy: bool */
|
||||
selectionCopy?: boolean;
|
||||
/**
|
||||
* Cells style in the table initialization: object
|
||||
* key: cellIndex. (e.g.) "A1", "C20"
|
||||
* value: css value. (e.g.) "background-color: orange;"
|
||||
*/
|
||||
style?: { [cellIndex: string]: string };
|
||||
/** Force the max height of the table: CSS String */
|
||||
tableHeight?: string;
|
||||
/** Allow table overflow: bool */
|
||||
tableOverflow?: boolean;
|
||||
/** Force the max width of the table: CSS String */
|
||||
tableWidth?: string;
|
||||
/** All messages to be customized */
|
||||
text?: Record<string, any>;
|
||||
/** Add custom toolbars: object */
|
||||
toolbar?: Array<Record<string, any>>;
|
||||
/** Method to config custom script execution. NOTE: This does not work with lazyLoading, Pagination or Search options. */
|
||||
updateTable?: (instance: any, cell: any, col: any, row: any, val: any, label: any, cellName: any) => void;
|
||||
/** Load a external json file from this URL: string */
|
||||
url?: string;
|
||||
/** Global text wrapping: bool */
|
||||
wordWrap?: boolean;
|
||||
}
|
||||
|
||||
interface TranslationsOptions {
|
||||
/** About */
|
||||
about?: any;
|
||||
/** Add comments */
|
||||
addComments?: any;
|
||||
/** Are you sure to delete the selected columns? */
|
||||
areYouSureToDeleteTheSelectedColumns?: any;
|
||||
/** Are you sure to delete the selected rows? */
|
||||
areYouSureToDeleteTheSelectedRows?: any;
|
||||
/** Cell already merged */
|
||||
cellAlreadyMerged?: any;
|
||||
/** Clear comments */
|
||||
clearComments?: any;
|
||||
/** Comments */
|
||||
comments?: any;
|
||||
/** Copy... */
|
||||
copy?: any;
|
||||
/** Delete selected columns */
|
||||
deleteSelectedColumns?: any;
|
||||
/** Delete selected rows */
|
||||
deleteSelectedRows?: any;
|
||||
/** Edit comments */
|
||||
editComments?: any;
|
||||
/** entries */
|
||||
entries?: any;
|
||||
/** Insert a new column after */
|
||||
insertANewColumnAfter?: any;
|
||||
/** Insert a new column before */
|
||||
insertANewColumnBefore?: any;
|
||||
/** Insert a new row after */
|
||||
insertANewRowAfter?: any;
|
||||
/** Insert a new row before */
|
||||
insertANewRowBefore?: any;
|
||||
/** Invalid merged properties */
|
||||
invalidMergeProperties?: any;
|
||||
/** No cells selected */
|
||||
noCellsSelected?: any;
|
||||
/** No records found */
|
||||
noRecordsFound?: any;
|
||||
/** Order ascending */
|
||||
orderAscending?: any;
|
||||
/** Order descending */
|
||||
orderDescending?: any;
|
||||
/** Paste... */
|
||||
paste?: any;
|
||||
/** Rename this column */
|
||||
renameThisColumn?: any;
|
||||
/** Save as... */
|
||||
saveAs?: any;
|
||||
/** Show */
|
||||
show?: any;
|
||||
/** Showing page {0} of {1} entries */
|
||||
showingPage?: any;
|
||||
/** There is a conflict with another merged cell */
|
||||
thereIsAConflictWithAnotherMergedCell?: any;
|
||||
/** This action will clear your search results. Are you sure? */
|
||||
thisActionWillClearYourSearchResultsAreYouSure?: any;
|
||||
/** This action will destroy any existing merged cells. Are you sure? */
|
||||
thisActionWillDestroyAnyExistingMergedCellsAreYouSure?: any;
|
||||
}
|
||||
|
||||
interface UnDocumentOptions {
|
||||
footers?: CellValue[][] | Array<{ [title in string | number]: CellValue }>;
|
||||
}
|
||||
|
||||
/**
|
||||
* @see https://bossanova.uk/jexcel/v4/docs/quick-reference
|
||||
*/
|
||||
type Options = MethodsOptions & EventsOptions & InitializationOptions & TranslationsOptions & UnDocumentOptions;
|
||||
|
||||
interface ActionHistory {
|
||||
action: string;
|
||||
insertBefore: boolean;
|
||||
numOfRows: number;
|
||||
rowData: CellValue[];
|
||||
rowNode: HTMLTableRowElement[];
|
||||
rowNumber: number;
|
||||
rowRecords: HTMLTableDataCellElement[];
|
||||
}
|
||||
|
||||
interface JExcelElement {
|
||||
ads: HTMLDivElement;
|
||||
closeEditor: (cell: object, save: boolean) => any;
|
||||
col: (cell: object) => any;
|
||||
colgroup: HTMLTableColElement[];
|
||||
colgroupContainer: any;
|
||||
/**
|
||||
* Move coords to A1 in case ovelaps with an excluded cell
|
||||
*/
|
||||
conditionalSelectionUpdate: (type: 0 | 1, o: number, d: number) => void;
|
||||
content: HTMLDivElement;
|
||||
contextMenu: HTMLDivElement;
|
||||
/**
|
||||
* Copy method
|
||||
*
|
||||
* @param bool highlighted - Get only highlighted cells
|
||||
* @param delimiter - \t default to keep compatibility with excel
|
||||
* @return string value
|
||||
*/
|
||||
copy: (highlighted?: boolean, delimiter?: string, returnData?: boolean) => string;
|
||||
/**
|
||||
* Helper function to copy data using the corner icon
|
||||
*/
|
||||
copyData: (o: object, d: object) => any;
|
||||
corner: any;
|
||||
createCell: (i: number, j: number, value: CellValue) => any;
|
||||
createCellHeader: (colNumber: number) => any;
|
||||
createNestedHeader: (nestedInformation: object[]) => any;
|
||||
createRow: (j: number, data?: any) => any;
|
||||
createTable: () => void;
|
||||
createToolbar: (toolbar: object[]) => void;
|
||||
cursor: any;
|
||||
data: any;
|
||||
deleteColumn: (columnNumber: any, numOfColumns: any) => any;
|
||||
deleteRow: (rowNumber: any, numOfRows: any) => any;
|
||||
destroy: () => any;
|
||||
destroyMerged: (keepOptions: any) => any;
|
||||
down: (shiftKey: any, ctrlKey: any) => any;
|
||||
download: (includeHeaders: any) => any;
|
||||
dragging: any;
|
||||
edition: any;
|
||||
el: HTMLDivElement;
|
||||
executeFormula: (expression: any, x: any, y: any) => any;
|
||||
filter: HTMLDivElement;
|
||||
first: (shiftKey: any, ctrlKey: any) => any;
|
||||
formula: any[];
|
||||
fullscreen: (activate: any) => any;
|
||||
getCell: (cell: any) => any;
|
||||
getCellFromCoords: (x: number, y: number) => any;
|
||||
getColumnData: (columnNumber: number) => CellValue[];
|
||||
getComments: (cell: any, withAuthor: any) => any;
|
||||
getConfig: () => any;
|
||||
getData: (highlighted?: boolean, dataOnly?: boolean) => CellValue[][];
|
||||
getDropDownValue: (column: any, key: any) => any;
|
||||
getHeader: (column: any) => any;
|
||||
getHeaders: (asArray: any) => any;
|
||||
getHeight: (row: any) => any;
|
||||
getHighlighted: () => any;
|
||||
getJson: (highlighted?: boolean) => any;
|
||||
getLabel: (cell: any) => any;
|
||||
getLabelFromCoords: (x: number, y: number) => any;
|
||||
getMerge: (cellName: any) => any;
|
||||
getMeta: (cell: any, key: any) => any;
|
||||
getRowData: (rowNumber: number) => any;
|
||||
getSelectedColumns: () => any;
|
||||
getSelectedRows: (asIds?: boolean) => any;
|
||||
getStyle: (cell: any, key: any) => any;
|
||||
getValue: (cell: any, processedValue: any) => any;
|
||||
getValueFromCoords: (x: number, y: number, processedValue: any) => any;
|
||||
getWidth: (column: any) => any;
|
||||
hash: (str: any) => any;
|
||||
hashString: any;
|
||||
headerContainer: HTMLTableRowElement;
|
||||
headers: any;
|
||||
hideColumn: (colNumber: number) => any;
|
||||
hideIndex: () => any;
|
||||
highlighted: any[];
|
||||
history: ActionHistory;
|
||||
historyIndex: number;
|
||||
historyProcessColumn: (type: any, historyRecord: any) => any;
|
||||
historyProcessRow: (type: any, historyRecord: any) => any;
|
||||
ignoreEvents: boolean;
|
||||
ignoreHistory: boolean;
|
||||
init: () => any;
|
||||
/**
|
||||
* Insert a new column
|
||||
*
|
||||
* @param mixed - num of columns to be added or data to be added in one single column
|
||||
* @param int columnNumber - number of columns to be created
|
||||
* @param bool insertBefore
|
||||
* @param object properties - column properties
|
||||
* @return void
|
||||
*/
|
||||
insertColumn: (mixed: any, columnNumber?: number, insertBefore?: boolean, properties?: object) => any;
|
||||
insertRow: (mixed?: any, rowNumber?: number, insertBefore?: boolean) => any;
|
||||
isColMerged: (x: number, insertBefore?: boolean) => any;
|
||||
isRowMerged: (y: number, insertBefore?: boolean) => any;
|
||||
last: (shiftKey: any, ctrlKey: any) => any;
|
||||
left: (shiftKey: any, ctrlKey: any) => any;
|
||||
loadDown: () => any;
|
||||
loadPage: (pageNumber: number) => any;
|
||||
loadUp: () => any;
|
||||
loadValidation: () => any;
|
||||
moveColumn: (o: any, d: any) => any;
|
||||
moveRow: (o: any, d: any, ignoreDom: any) => any;
|
||||
onafterchanges: (el: any, records: any) => any;
|
||||
openEditor: (cell: any, empty: any, e: any) => any;
|
||||
options: any;
|
||||
orderBy: (column: number, order?: 0 | 1) => any;
|
||||
page: (pageNumber: number) => any;
|
||||
pageNumber: any;
|
||||
pagination: HTMLDivElement;
|
||||
parseCSV: (str: string, delimiter?: string) => any;
|
||||
parseNumber: (value: number, columnNumber?: number) => number | null;
|
||||
paste: (x?: number, y?: number, data?: CellValue) => any;
|
||||
prepareTable: () => any;
|
||||
records: any;
|
||||
redo: () => any;
|
||||
refresh: () => any;
|
||||
refreshSelection: () => any;
|
||||
removeCopySelection: () => any;
|
||||
removeMerge: (cellName: any, data: any, keepOptions: any) => any;
|
||||
resetSearch: () => any;
|
||||
resetSelection: (blur: any) => any;
|
||||
resetStyle: (o: any, ignoreHistoryAndEvents: any) => any;
|
||||
resizing: any;
|
||||
results: any;
|
||||
right: (shiftKey: any, ctrlKey: any) => any;
|
||||
row: (cell: any) => any;
|
||||
rows: HTMLTableRowElement[];
|
||||
scrollControls: (e: any) => any;
|
||||
search: (query: any) => any;
|
||||
searchInput: HTMLInputElement;
|
||||
selectAll: () => any;
|
||||
selectedCell: any;
|
||||
selectedContainer: any;
|
||||
selection: any[];
|
||||
setCheckRadioValue: () => any;
|
||||
setColumnData: (colNumber: number, data?: any) => any;
|
||||
setComments: (cellId: any, comments: any, author: any) => any;
|
||||
setData: (data: any) => any;
|
||||
setHeader: (column: any, newValue: any) => any;
|
||||
setHeight: (row: any, height: any, oldHeight: any) => any;
|
||||
setHistory: (changes: any) => any;
|
||||
setMerge: (cellName: any, colspan: any, rowspan: any, ignoreHistoryAndEvents?: any) => any;
|
||||
setMeta: (o: any, k: any, v: any) => any;
|
||||
setRowData: (rowNumber: number, data: any) => any;
|
||||
setStyle: (o: any, k: any, v: any, force?: any, ignoreHistoryAndEvents?: any) => any;
|
||||
setValue: (cell: any, value: any, force: any) => any;
|
||||
setValueFromCoords: (x: number, y: number, value: any, force: any) => any;
|
||||
setWidth: (column: any, width: any, oldWidth: any) => any;
|
||||
showColumn: (colNumber: number) => any;
|
||||
showIndex: () => any;
|
||||
style: any[];
|
||||
table: HTMLTableElement;
|
||||
tbody: HTMLTableSectionElement;
|
||||
textarea: HTMLTextAreaElement;
|
||||
thead: HTMLTableHeaderCellElement;
|
||||
toolbar: HTMLDivElement;
|
||||
undo: () => any;
|
||||
up: (shiftKey: any, ctrlKey: any) => any;
|
||||
updateCell: (x: number, y: number, value?: CellValue, force?: any) => any;
|
||||
updateCopySelection: (x3: any, y3: any) => any;
|
||||
updateCornerPosition: () => any;
|
||||
updateFormula: (formula: any, referencesToUpdate: any) => any;
|
||||
updateFormulaChain: (x: any, y: any, records: any) => any;
|
||||
updateFormulas: (referencesToUpdate: any) => any;
|
||||
updateMeta: (affectedCells: any) => any;
|
||||
updateOrder: (rows: any) => any;
|
||||
updateOrderArrow: (column: any, order: any) => any;
|
||||
updatePagination: () => any;
|
||||
updateScroll: (direction: any) => any;
|
||||
updateSelection: (el1: any, el2: any, origin: any) => any;
|
||||
updateSelectionFromCoords: (x1: number, y1: number, x2: number, y2: number, origin: any) => any;
|
||||
updateTable: () => any;
|
||||
updateTableReferences: () => any;
|
||||
whichPage: (cell: any) => any;
|
||||
}
|
||||
|
||||
interface JExcel {
|
||||
(element: HTMLDivElement, options?: Options): JExcelElement;
|
||||
|
||||
//
|
||||
// Other helpers
|
||||
// ----------------------------------------------------------------------
|
||||
build: any;
|
||||
// tslint:disable-next-line ban-types
|
||||
contextMenuControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
copyControls: Function;
|
||||
createTabs: (element: HTMLDivElement, result: any[]) => void;
|
||||
current: any;
|
||||
// tslint:disable-next-line ban-types
|
||||
cutControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
destroy: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
doubleClickControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
doubleDigitFormat: Function;
|
||||
fromSpreadsheet: (result: any[]) => void;
|
||||
// tslint:disable-next-line ban-types
|
||||
getColumnName: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
getColumnNameFromId: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
getElement: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
getIdFromColumnName: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
injectArray: Function;
|
||||
isMouseAction: boolean;
|
||||
// tslint:disable-next-line ban-types
|
||||
keyDownControls: Function;
|
||||
methods: object;
|
||||
// tslint:disable-next-line ban-types
|
||||
mouseDownControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
mouseMoveControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
mouseOverControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
mouseUpControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
pasteControls: Function;
|
||||
timeControl: any;
|
||||
timeControlLoading: any;
|
||||
// tslint:disable-next-line ban-types
|
||||
touchEndControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
touchStartControls: Function;
|
||||
// tslint:disable-next-line ban-types
|
||||
validLetter: Function;
|
||||
}
|
||||
}
|
||||
207
types/jexcel/jexcel-tests.ts
Normal file
207
types/jexcel/jexcel-tests.ts
Normal file
@ -0,0 +1,207 @@
|
||||
import jexcel = require('jexcel');
|
||||
|
||||
/**
|
||||
* @see https://bossanova.uk/jexcel/v3/docs/getting-started
|
||||
*/
|
||||
/**
|
||||
* Initialization
|
||||
*/
|
||||
const data = [
|
||||
['Mazda', 2001, 2000],
|
||||
['Pegeout', 2010, 5000],
|
||||
['Honda Fit', 2009, 3000],
|
||||
['Honda CRV', 2010, 6000],
|
||||
];
|
||||
|
||||
let instance: jexcel.JExcelElement = jexcel(document.getElementById('my-spreadsheet') as HTMLDivElement, {
|
||||
data,
|
||||
columns: [
|
||||
{ title: 'Model', width: 300 },
|
||||
{ title: 'Price', width: 80 },
|
||||
{ title: 'Model', width: 100 },
|
||||
],
|
||||
});
|
||||
|
||||
instance = jexcel(document.getElementById('my-spreadsheet') as HTMLDivElement, {
|
||||
url: 'data.json',
|
||||
columns: [
|
||||
{ title: 'Model', width: 300 },
|
||||
{ title: 'Price', width: 80 },
|
||||
{ title: 'Model', width: 100 },
|
||||
],
|
||||
});
|
||||
|
||||
instance = jexcel(document.getElementById('my-spreadsheet') as HTMLDivElement, {
|
||||
csv: 'demo.csv',
|
||||
csvHeaders: true,
|
||||
columns: [{ width: 300 }, { width: 80 }, { width: 100 }],
|
||||
});
|
||||
|
||||
/**
|
||||
* Destroying a table
|
||||
*/
|
||||
instance = jexcel(document.getElementById('my-spreadsheet') as HTMLDivElement, {
|
||||
csv: 'demo.csv',
|
||||
csvHeaders: true,
|
||||
columns: [{ width: 300 }, { width: 80 }, { width: 100 }],
|
||||
});
|
||||
|
||||
// If second argument is true will destroy all handlers and you can't create any other instance.
|
||||
jexcel.destroy(document.getElementById('my-spreadsheet'), true);
|
||||
|
||||
/**
|
||||
* Header titles
|
||||
*/
|
||||
instance = jexcel(document.getElementById('myTable') as HTMLDivElement, {
|
||||
data,
|
||||
columns: [{ title: 'Model' }, { title: 'Price' }, { title: 'Model' }],
|
||||
});
|
||||
|
||||
instance = jexcel(document.getElementById('spreadsheet') as HTMLDivElement, {
|
||||
data,
|
||||
columns: [
|
||||
{ type: 'autocomplete', title: 'Country', width: 300, url: '/jexcel/countries' },
|
||||
{
|
||||
type: 'dropdown',
|
||||
title: 'Food',
|
||||
width: 150,
|
||||
source: ['Apples', 'Bananas', 'Carrots', 'Oranges', 'Cheese'],
|
||||
},
|
||||
{ type: 'checkbox', title: 'Stock', width: 100 },
|
||||
],
|
||||
nestedHeaders: [
|
||||
[{ title: 'Supermarket information', colspan: 3 }],
|
||||
[
|
||||
{ title: 'Location', colspan: 1 },
|
||||
{ title: ' Other Information', colspan: 2 },
|
||||
],
|
||||
],
|
||||
});
|
||||
|
||||
/**
|
||||
* Column width
|
||||
*/
|
||||
instance = jexcel(document.getElementById('myTable') as HTMLDivElement, {
|
||||
data,
|
||||
columns: [
|
||||
{ title: 'Model', width: 300 },
|
||||
{ title: 'Price', width: 80 },
|
||||
{ title: 'Model', width: 100 },
|
||||
],
|
||||
});
|
||||
|
||||
/**
|
||||
* Row height
|
||||
*/
|
||||
instance = jexcel(document.getElementById('myTable') as HTMLDivElement, {
|
||||
data,
|
||||
rows: { 3: { height: '500px' } },
|
||||
rowResize: true,
|
||||
});
|
||||
|
||||
/**
|
||||
* Column types
|
||||
*/
|
||||
instance = jexcel(document.getElementById('myTable') as HTMLDivElement, {
|
||||
data,
|
||||
columns: [
|
||||
{ title: 'Model', width: 300, type: 'text' },
|
||||
{ title: 'Price', width: 80, type: 'numeric' },
|
||||
{ title: 'Date', width: 100, type: 'calendar', options: { format: 'DD/MM/YYYY' } },
|
||||
{ title: 'Photo', width: 150, type: 'image' },
|
||||
{ title: 'Condition', width: 150, type: 'dropdown', source: ['New', 'Used'] },
|
||||
{ title: 'Color', width: 80, type: 'color' },
|
||||
{ title: 'Available', width: 80, type: 'checkbox' },
|
||||
],
|
||||
});
|
||||
|
||||
const options: jexcel.CalendarOptions = {
|
||||
// Date format
|
||||
format: 'DD/MM/YYYY',
|
||||
// Allow keyboard date entry
|
||||
readonly: false,
|
||||
// Today is default
|
||||
today: false,
|
||||
// Show timepicker
|
||||
time: false,
|
||||
// Show the reset button
|
||||
resetButton: true,
|
||||
// Placeholder
|
||||
placeholder: '',
|
||||
// Translations can be done here
|
||||
months: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
||||
weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
||||
weekdays_short: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
|
||||
// Value
|
||||
value: undefined,
|
||||
// Events
|
||||
onclose: undefined,
|
||||
onchange: undefined,
|
||||
// Fullscreen (this is automatic set for screensize < 800)
|
||||
fullscreen: false,
|
||||
};
|
||||
|
||||
const data2 = [
|
||||
['PHP', '14:00'],
|
||||
['Javascript', '16:30'],
|
||||
];
|
||||
|
||||
const customColumn: jexcel.ColumnEditor = {
|
||||
// Methods
|
||||
closeEditor: (cell: any, save: any) => {
|
||||
const value = cell.children[0].value;
|
||||
cell.innerHTML = value;
|
||||
return value;
|
||||
},
|
||||
openEditor: (cell: any) => {
|
||||
// Create input
|
||||
const element = document.createElement('input');
|
||||
element.value = cell.innerHTML;
|
||||
// Update cell
|
||||
cell.classList.add('editor');
|
||||
cell.innerHTML = '';
|
||||
cell.appendChild(element);
|
||||
// NOTE: This test is independent of jQuery
|
||||
// $(element).clockpicker({
|
||||
// afterHide: function () {
|
||||
// setTimeout(function () {
|
||||
// // To avoid double call
|
||||
// if (cell.children[0]) {
|
||||
// myTable.closeEditor(cell, true);
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
// });
|
||||
// Focus on the element
|
||||
element.focus();
|
||||
},
|
||||
getValue: (cell: any) => {
|
||||
return cell.innerHTML;
|
||||
},
|
||||
setValue: (cell: any, value: any) => {
|
||||
cell.innerHTML = value;
|
||||
},
|
||||
};
|
||||
|
||||
instance = jexcel(document.getElementById('custom') as HTMLDivElement, {
|
||||
data: data2,
|
||||
columns: [
|
||||
{ type: 'text', title: 'Course Title', width: 300 },
|
||||
{ type: 'text', title: 'Time', width: 100, editor: customColumn },
|
||||
],
|
||||
});
|
||||
|
||||
/**
|
||||
* Define a minimum table dimension size.
|
||||
*/
|
||||
const data3 = [
|
||||
['Mazda', 2001, 2000],
|
||||
['Pegeout', 2010, 5000],
|
||||
['Honda Fit', 2009, 3000],
|
||||
['Honda CRV', 2010, 6000],
|
||||
];
|
||||
|
||||
instance = jexcel(document.getElementById('minExample') as HTMLDivElement, {
|
||||
data: data3,
|
||||
minDimensions: [10, 5],
|
||||
});
|
||||
24
types/jexcel/tsconfig.json
Normal file
24
types/jexcel/tsconfig.json
Normal file
@ -0,0 +1,24 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"lib": [
|
||||
"es6",
|
||||
"dom"
|
||||
],
|
||||
"noImplicitAny": true,
|
||||
"noImplicitThis": true,
|
||||
"strictNullChecks": true,
|
||||
"strictFunctionTypes": true,
|
||||
"baseUrl": "../",
|
||||
"typeRoots": [
|
||||
"../"
|
||||
],
|
||||
"types": [],
|
||||
"noEmit": true,
|
||||
"forceConsistentCasingInFileNames": true
|
||||
},
|
||||
"files": [
|
||||
"index.d.ts",
|
||||
"jexcel-tests.ts"
|
||||
]
|
||||
}
|
||||
1
types/jexcel/tslint.json
Normal file
1
types/jexcel/tslint.json
Normal file
@ -0,0 +1 @@
|
||||
{ "extends": "dtslint/dt.json" }
|
||||
Loading…
Reference in New Issue
Block a user