JavaScript / HTML5 新聞

SmartClient is a comprehensive JavaScript component suite compatible with React, Vue, Angular, and more, that allows you to create large-scale, high-productivity web applications. It provides a comprehensive set of tools for developers, including advanced UI components, robust data management capabilities, and integration with modern backend technologies. Key features include dynamic data fetching, customizable grids, and a responsive interface for a wide range of devices. SmartClient enables developers to create applications with optimized performance, scalability, and a superior user experience. Ideal for enterprise-grade use cases, such as financial analytics, inventory management, and real-time reporting, SmartClient empowers organizations to deliver feature-rich applications that handle complex data requirements with ease.

Relations connect objects to each other and are used in databases and systems that are object-oriented. SmartClient lets you declare these relations in your data source using Relation Fields, providing a full access to related data without the need to write additional code. With two new user interface (UI) components for editing related records and the Relation Fields feature, it is now easier to manage many-to-many relationships. "MultiPickerItem" is a compact control used for inline form editing where the selected values appear inline and a pop-up displays checkboxes to enable users to select from a related data source. The Shuttle Interface can be embedded in any layout, including forms and modals, and provides a visual dual-panel interface for handling multi-item associations. These features simplify the management of relational data, offering users a declarative, scalable, and user-friendly approach.

SmartClient is licensed per developer and is available as both perpetual and subscription licenses. Product updates and technical support is also available. See our SmartClient licensing page for full details.

For more information, visit our SmartClient product page.

The ability to load items in a data grid as you scroll is a technique where content is rendered or fetched dynamically based on the user’s scroll position. Its purpose is to improve performance, and ultimately the user experience, when dealing with large datasets. This includes virtual scrolling, where the grid only renders rows that are currently visible in the viewport and reuses those same DOM elements as the user scrolls, and infinite scrolling (also known as endless scrolling), where additional data is loaded from a remote source in response to reaching the end of the currently displayed dataset. By minimizing the amount of data rendered or retrieved at any one time, this approach significantly reduces initial load times, improves responsiveness, and allows applications to scale efficiently.

Several JavaScript grid components allow you to load items as the user scrolls, including:

• DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme by DevExpress) supports both virtual and infinite scrolling to optimize data loading performance.
• KendoReact Data Grid (part of KendoReact by Telerik) offers customizable column/row virtualization and virtual scrolling, dynamically requesting data as needed.
• Sencha Ext JS Grid (part of Sencha Ext JS) implements infinite scrolling through a virtualized system that loads data on demand without traditional pagination.
• Syncfusion DataGrid for JavaScript (part of Syncfusion Essential Studio Enterprise) allows both virtualization and infinite scrolling for responsive grid rendering.

For an in-depth analysis of features and price, visit our comparison of JavaScript grid components.

Compare JavaScript Grid Components