Angular 뉴스

JavaScript로 Excel XLSX 파일 가져오기 및 내보내기

12월 5, 2023
MESCIUS사의 SpreadJS를 사용하여 완전한 JavaScript 스프레드시트를 엔터프라이즈 앱에 추가할 수 있습니다.

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.

그리드와 스프레드시트의 접근성 향상

12월 5, 2023
Handsontable 14.0.0에서 스크린 리더 지원을 개선하고 새로운 키보드 단축키를 추가하여 보다 직관적이고 포괄적으로 탐색할 수 있습니다.

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.

Angular 차트 추세선으로 분석 향상

12월 1, 2023
차트 데이터의 전반적인 방향을 시각적으로 표현하여 사용자가 추세와 패턴을 식별할 수 있도록 합니다.

Trend lines are a chart feature used to indicate patterns or trends in data over time. Common examples include linear, exponential, polynomial, logarithmic, and moving average. Trend lines are crucial for making predictions or understanding the direction of data points in scatter plots and line charts, helping make data-driven decisions.

Several Angular chart components provide trend line support including:

  • Highcharts Stock by Highsoft features various trend line types and customization options.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) includes trend lines for analyzing and visualizing data trends.
  • amCharts 5: Stock Chart offers a variety of trend line types and advanced analytical features.
  • AnyStock JS by AnyChart provides rich trend line customization and predictive analysis capabilities.
  • JSCharting supports trend lines with a variety of line fit variations.

For an in-depth analysis of features and price, visit our Angular Chart Component comparison.

Compare Angular Chart Components

그리드에 검색을 저장하는 방법

11월 29, 2023
Isomorphic Software의 SmartClient를 사용하면 동일한 프로세스를 매번 반복하는 대신 검색 기본 설정을 저장할 수 있습니다.

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.

사용자가 Angular 앱에서 텍스트의 서식을 쉽게 지정할 수 있도록 지원합니다

11월 27, 2023
서식 있는 텍스트 편집기로 Angular 앱을 개선하세요. 사용자에게 코딩 없이 서식이 지정된 콘텐츠를 손쉽게 만들고 편집할 수 있는 직관적인 인터페이스를 제공할 수 있습니다.

Rich Text Format (RTF) editors allow users to create and edit text with a variety of formatting options, such as font styles, colors, headings, lists, and images. Often used in web and desktop applications, such editors provide a WYSIWYG (what you see is what you get) interface, so users can see how their text will look as they format it. This allows formatted editing without the complexity of HTML markup or the need for separate word processing software.

Several Angular data editor collections provide RTF editing capabilities including:

  • DevExtreme Complete Data Editors (part of DevExtreme by DevExpress) empowers your Angular apps with rich text editing capabilities, including formatting options and image insertion.
  • Kendo UI for Angular Data Editors (part of Kendo UI by Telerik) helps users craft engaging content directly within your Angular applications, featuring comprehensive formatting tools and seamless integration.
  • Syncfusion Essential Studio for JavaScript Data Editors (part of Syncfusion Essential Studio Enterprise) offers a rich array of formatting options and intuitive image integration.
  • jQWidgets Data Editors (part of jQWidgets) provides extensive formatting controls, image insertion and link embedding functionalities.
  • SmartClient Data Editors (part of SmartClient by Isomorphic Software) features comprehensive text formatting tools including font type and size, text color and alignment.

For an in-depth analysis of features and price, visit our comparison of Angular Data Editor components.

Compare Angular Data Editors