jspreadsheet / example-with-angular Goto Github PK

example:

`var COLORIZE = function(v) {
v = '' + v.toUpperCase() + '';
return v;
}

var data1 = [
[ 'red', '=COLORIZE(A1)' ],
[ 'green', '=COLORIZE(A2)' ],
[ 'blue', '=COLORIZE(A3)' ],
];

jexcel(document.getElementById('spreadsheet1'), {
data:data1,
columns: [
{ type: 'text', width:'300' },
{ type: 'text', width:'200' },
]
});`

https://codesandbox.io/s/jexcel-and-angular-powh0?file=/src/app/app.component.ts

When a calendar type is set with readonly:0, pressing any key will double the keystrokes in the input field. 2 becomes 22. Maybe two functions binding to the same keypress events?

Another thing I noticed is when editing a calendar field in this way, paste cannot be used.

Using the picker works and pasting over a date when the field is not being edited does work okay.

I'm trying to use the validation extension with an angular project. I've updated my license key to include Validations. I include the validation npm package and set the extension but when I go to execute the code, it says the worksheet object is valid but setValidations is undefined.
The runtime error is: ERROR TypeError: worksheet.setValidations is not a function.
I see in the index.d.ts file, setValidations should be on the worksheetInstance object.

How do I get Validations to work with jSpreadsheet in Angular?

Thanks, Greg

Sample code below

        import { validations } from '@jspreadsheet/validations';
        import * as jspreadsheet from 'jspreadsheet';
        jspreadsheet.setLicense('xxxxxx');
        // Set the extensions
        jspreadsheet.setExtensions({ validations });
        this.jss= jspreadsheet(nativeElement, { ... });

        function onBeforePaste(worksheet, data, x, y, style, processedData) {

            // if some condition - call setValidators(worksheet);

            function setValidators(worksheet: jspreadsheet.worksheetInstance) {
                // if some condition is met
                worksheet.setValidations([{
                    index: 0,
                    value: {
                        range: 'A3',
                        action: 'warning',
                        criteria: '!=',
                        type: 'text',
                        allowBlank: false,
                        value: ['xxxxRandomStringyyyy'],
                        text: 'You have an error!'
                    }
                }]);
            }
        }

Hello

I was trying to load Jexcel sheet with a url which provides array of objects. I do not want to display all the available keys on the object as columns, just one or two columns enough. Currently all the keys available in the object are displayed as columns

Regards,
Jithin

Thanks to JExcelTeam for great tool.

I am unable to use setValue() function in Angular. It would be great if you could provide an example(preferably in online editor) to that.
Note : Please not that getData(), getColumnNameFromId() etc. works perfectly fine in Angular.