Nouvelles Vue.js

Importez et exportez des fichiers Excel XLSX en JavaScript

Décembre 5, 2023
Utilisez SpreadJS de MESCIUS pour ajouter des feuilles de calcul JavaScript complètes à vos applications d’entreprise.

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. Spreadsheets are a primary medium for displaying and sharing vital company data and it is crucial that this data can be easily viewed and updated in your JavaScript applications.

In this blog post, MESCIUS Product Manager Kevin Ashley shows you how to leverage the power of SpreadJS to import and export Excel spreadsheets into your enterprise web applications. Steps include:

  • Setting up the JavaScript Spreadsheet Project
  • Adding Excel Import Code
  • Adding Data to the Imported Excel File
  • Adding a Sparkline
  • Adding Excel Export Code

View the complete blog and start working directly with Excel files in your JavaScript applications.

For more information visit our SpreadJS product page.

Rendez vos grilles et feuilles de calcul plus accessibles

Décembre 5, 2023
Handsontable 14.0.0 améliore la prise en charge des lecteurs d’écran et ajoute de nouveaux raccourcis clavier pour rendre la navigation plus intuitive et inclusive.

Handsontable is a JavaScript data grid component that provides a spreadsheet-like user experience for web applications. It allows developers to easily integrate data tables into their web pages, enabling users to manipulate data in a familiar and intuitive way.

Handsontable V14 now meets Web Content Accessibility Guidelines (WCAG) 2.1 AA standards, making it easier for people with disabilities to use the grid. This release also enhances screen reader compatibility by incorporating ARIA attributes into the HTML markup, ensuring seamless navigation for users of NVDA and JAWS on Windows, and VoiceOver on macOS.

To see a full list of what's new in version 14.0.0, see our release notes.

For more information, visit our Handsontable product page.

Choisissez et utilisez des couleurs dans les applications Vue

Décembre 4, 2023
Les sélecteurs de couleurs permettent aux utilisateurs de choisir et d’appliquer des couleurs avec fluidité dans les conceptions et les interfaces utilisateur.

A color picker is a graphical tool that allows users to select colors from a palette or by adjusting different color parameters. Color pickers are commonly found in graphics software, web development tools, and design applications. They are used to ensure accurate and visually appealing color choices in various creative and technical projects. Color pickers provide an intuitive way to select precise colors, commonly by using sliders for RGB values or hex codes.

Several Vue.js data editor collections provide color pickers including:

  • DevExtreme Complete Data Editors (part of DevExtreme Complete by DevExpress) offers a user-friendly interface for selecting colors, including predefined color palettes.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) provides a comprehensive color selection experience with features like color sliders and color swatches.
  • Kendo UI for Vue Data Editors (part of Kendo UI by Telerik) delivers a customizable color picker solution with options for popup placement, palette customization, and accessibility support.
  • jQWidgets Data Editors (part of jQWidgets) features a versatile color selection mechanism with support for various color formats and color presets.
  • Syncfusion Essential Studio Data Editors (part of Syncfusion Essential Studio Enterprise) offers a rich set of color selection capabilities, including color sliders and color eyedroppers.

For an in-depth analysis of features and price, visit our Vue Data Editors comparison.

Compare Vue Data Editors Components

Enregistrer les recherches dans les grilles

Novembre 29, 2023
Développé par Isomorphic Software, utilisez SmartClient pour enregistrer les préférences de recherche, au lieu de répéter le même processus à chaque fois.

SmartClient is a comprehensive JavaScript component suite compatible with React, Vue, Angular, and more, that empowers you to craft large-scale, high-productivity Enterprise web applications. Its modern class system fosters clean encapsulation of application modules and screens, resulting in a more maintainable and comprehensible codebase.

In this blog post, Alex Fashakin demonstrates how to use SmartClient's built-in feature to save search preferences on grids. Steps include:

  • Creating the DataSource
  • Building the UI for the Saved Search feature
  • How to save searches on grids
  • Adding visible UI for storing search preferences

Read the complete blog to learn how to boost productivity with the SmartClient saved search feature.

For more information visit our SmartClient product page.

Améliorez l’analyse des stocks avec l’indicateur SMI

Novembre 16, 2023
amCharts 5: Stock Chart v5.5.3 prend désormais en charge l’indicateur Stochastic Momentum Index (SMI), aidant ainsi les utilisateurs à prendre des décisions plus éclairées en matière de trading.

amCharts 5: Stock Chart provides analytical tools for displaying time-based data, be it financial, stock or otherwise. It is a ready-made library that allows you to add interactive financial charts to a vast array of applications.

amCharts v5.5.3 adds built-in support for the Stochastic Momentum Index (SMI) to its bundled indicator control, allowing you to add the SMI to your charts via a simple user interface. This indicator reduces false signals by measuring the distance between the current closing price and the midpoint of the high/low price range. The SMI is a valuable technical indicator that can help traders identify potential trend reversals, capture momentum shifts, and make more informed trading decisions. Adding the SMI to your stock charts can help users gain a competitive edge in the market.

To see a full list of what's new in v5.5.3, see our release notes.

For more information, see our amCharts 5: Stock Chart product page.