PP.Ui.TabSheetCell(settings);
settings. JSON object that contains class properties values.
The TabSheetCell constructor creates an instance of the TabSheetCell class.
To execute the example, the HTML page must contain the TabSheet component named tabSheet (see Example of Creating the TabSheet Component). Let us create a new table cell with the coordinates (0, 1). Set a new value equal to 12 for this cell. Also perform the following operations: enable using number formats when editing, set data type, set a comment and a tooltip for this cell, and change fill type:
// Get table model var model = tabSheet.getModel(); var oldCell = model.getCell(tabSheet.coord(0, 1)); // Create a table cell with coordinates (0, 1) var cell = new PP.Ui.TabSheetCell({ Parent: model, Data: { L: 1, // Column index T: 0 // Row index } }); var coord = cell.getCoord(); if (cell.getIsEnabled()) { // Set a commentary for cell cell.setComment("(" + coord.rowIndex + ", " + coord.colIndex + ")"); // Set a tooltip for cell cell.setHint(cell.getType()); // Set cell style - select yellow fill color var style = cell.getStyle(); style.Fill.Color = "#FFFACD"; // Set style if (tabSheet.getChangedStyleBehavior()) { cell.setStyle(tabSheet.getChangedStyle().mergeStyle(style)); } // Enable number fotrmat use tabSheet.setUseNumberFormats(true); // Set the Integer cell data type cell.setValueType(PP.Ui.TabSheetCellValueType.Integer); // Set a new cell value cell.setValue(12); } // Refresh table tabSheet.rerender();
Executing this example creates a table model cell with the coordinates (0, 1). This cell is assigned the value 12, it data type is defined as Double, a comment and a tooltip are set for the cell, and table fill color changes to yellow:
See also: