Vue.js 뉴스

MDBootstrap, ComponentSource에 합류

12월 11, 2023
ComponentSource가 MDBootstrap과 파트너십을 체결하여 개발자에게 웹 애플리케이션을 위한 Material Design UI 구성요소 및 템플릿을 제공합니다.

ComponentSource, a leading global provider of software components and development tools, has announced a new partnership with MDBootstrap, a software development company that specializes in Material Design based UI components and templates for responsive JavaScript web apps. This collaboration aims to offer customers a seamless experience by combining ComponentSource's extensive library of software components and developer tools with MDBootstrap's expertise in developing high-quality UI solutions.

MDBootstrap (also known as MDB), is a front-end development framework that combines the features of Bootstrap with Material Design. Available for JavaScript, Bootstrap, Angular, React, and Vue, it provides a comprehensive set of UI components, design blocks, and templates to help developers quickly and easily create modern and responsive web applications. MDBootstrap controls are used by over 3,000,000 developers and designers, including global brands such as Amazon, Samsung, Nike and IKEA.

Through this strategic partnership, ComponentSource enhances its extensive offering of premium software components, further cementing its position as a trusted provider of reliable and efficient solutions for developers, backed by guaranteed support.

For more information, explore the MDBootstrap product range.

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.

Vue 앱에서 색상 선택 및 입력하기

12월 4, 2023
색상 선택기(color picker)를 통해 사용자가 다양한 디자인과 사용자 인터페이스 전반에서 원활하게 색상을 선택하고 적용할 수 있습니다.

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

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

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.