JavaScript / HTML5 뉴스

중요한 데이터 요소를 시각적으로 강조 표시하세요

3월 12, 2024
조건부 서식을 통해 중요한 React 그리드 데이터에 주의를 집중시켜 데이터 시각화 및 사용자 경험을 향상시키세요.

Conditional formatting in a grid allows you to dynamically alter the visual style of cells based on specific criteria within your data. This functionality enhances readability and user experience by highlighting important information. For instance, negative values can be displayed in red, exceeding values in bold, and empty cells with a light gray background, all within the grid itself. This reduces the need for users to manually scan through data and immediately draws attention to critical elements.

Several React grid controls offer conditional formatting, including:

  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates applying custom styles and colors to grid cells based on data conditions.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) empowers developers to implement conditional formatting rules for visual data analysis in React apps.
  • Handsontable by Handsoncode enables the creation of data grids with dynamic cell formatting dependent on specific values.
  • jQWidgets Grid (part of jQWidgets) offers conditional formatting capabilities to highlight patterns and trends within React data grids.
  • Syncfusion Grid (part of Syncfusion Essential Studio Enterprise) provides conditional formatting rules to enhance grid data visualization.

For an in-depth analysis of features and price, visit our comparison of React Grid controls.

Compare React Grid Controls

Wijmo 게이지로 React 날씨 앱을 빌드하세요

3월 12, 2024
OpenWeatherMap API에서 날씨 정보를 가져오는 React 함수 기반 구성요소 애플리케이션을 만드는 방법을 알아보세요.

Wijmo is a complete collection of extensible, fast, flexible JavaScript UI components written in TypeScript. The framework-agnostic Wijmo components include first-class support for top frameworks including Angular, React, Vue and Web Components. Wijmo Enterprise has over 100 dynamic JavaScript UI components to help cut your development time in half, allowing you to build lightweight, high-performance JavaScript applications using your favorite JavaScript framework.

In this blog post, MESCIUS Technical Engagement Engineer Andrew Peterson shows you how to utilize the Wijmo Gauges - along with the OpenWeatherMap API - to build a React app to display the current weather. Steps include:

  • Setting up the React app
  • Installing Packages
  • Getting the OpenWeatherMap API Key
  • Creating the Weather Component
  • Integrating WeatherComponent into the App
  • Adding the Wijmo Gauge and Styling

Read the complete blog to explore this powerful and rich capability.

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

For more information, visit our Wijmo product page.

문서 편집 기능으로 React 앱을 향상시키세요

3월 7, 2024
TX Text Control .NET Server for ASP.NET는 문서 편집 및 열람 앱을 빌드하기 위해 React 프레임워크를 활용합니다.

TX Text Control .NET Server for ASP.NET is a server-side component that equips your web applications with a powerful, MS Word-compatible document editor. This allows you to develop applications that generate and edit various document formats (RTF, DOCX, PDF, etc.) on the fly, using data from databases or files. It also boasts features like PDF generation and a browser-based editor with a familiar MS Word-inspired interface, ultimately enhancing the document processing capabilities of your ASP.NET web applications.

TX Text Control .NET Server now includes React npm packages. These client-side packages seamlessly integrate with TX Text Control .NET Server, which acts as the powerful backend engine for the Document Editor and Document Viewer components. Empower your users with an Microsoft Word-like document editor, accessible from any HTML5 browser.

TX Text Control .NET Server for ASP.NET is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. Run time licenses are required for the deployment to production servers. See our TX Text Control .NET Server for ASP.NET licensing page for full details.

For more information, visit our TX Text Control .NET Server for ASP.NET product page.

JS Grid에서 상황에 맞는 옵션을 표시하세요

2월 29, 2024
jQWidgets v19는 jqxGrid에 컨텍스트 메뉴 지원을 도입하여 사용자가 그리드 내에서 관련 있는 명령 항목에 직접 액세스할 수 있는 기능을 제공합니다.

jQWidgets is a comprehensive JavaScript UI framework offering a robust collection of over 60 widgets, themes, and utilities for building professional-grade, cross-platform web applications. Built on jQuery, HTML5, and CSS, it provides extensive functionality including data grids, charts, navigation, input validation, and more. jQWidgets simplifies web development, ensuring your applications work seamlessly across desktop browsers, tablets, and smartphones.

The jQWidgets v19 release introduces a built-in context menu. This menu appears upon right-clicking within the grid, offering users context-specific options relevant to their current selection or interaction. This eliminates the need to navigate to separate menus or tools, streamlining user interactions and significantly improving usability. By providing immediate access to relevant actions within the grid itself, users can work more efficiently and productively. This new addition enhances the overall user experience for anyone working with jqxGrid.

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

jQWidgets is licensed per developer and is available as a Perpetual license 1 year support and maintenance. See our jQWidgets licensing page for full details.

Learn more on our jQWidgets product page.

프로세스 최적화를 위한 깔때기형 차트 활용

2월 28, 2024
깔때기형 차트를 통해 데이터를 시각화하면 사용자가 효율성을 저해하는 병목 현상을 쉽게 식별하고 개선이 필요한 영역을 정확히 찾아낼 수 있습니다.

A funnel chart is a type of visualization that graphically depicts the stages of a process and the progressive flow of values through those stages. It gets its name from its shape, typically resembling a funnel with a wide top and narrow base. Funnel charts are particularly useful in sales and marketing contexts for tracking potential customers as they move through the sales pipeline, identifying bottlenecks, and pinpointing areas where performance might be improved.

Several jQuery chart controls offer Funnel charts including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) facilitates the creation of funnel charts with customization options for color, animation, and data labels.
  • Highcharts Core by Highsoft empowers you to design responsive funnel charts with interactive elements like tooltips and data highlighting.
  • Kendo UI for jQuery Chart (part of Kendo UI by Telerik) enables you to visualize data as funnel charts, offering customization for labels, data points, and tooltips.
  • Syncfusion JavaScript Chart (part of Syncfusion Essential Studio Enterprise) allows you to generate funnel charts with support for themes, data labels, and interactive elements.

For an in-depth analysis of features and price, visit our jQuery chart controls comparison.

Compare jQuery Chart Controls