DocsICP FilingConsole
Documentation
Home Page IoT Studio User Guide Web Visualization Development Widgets Chart widgets Device management

Device management

Updated at:
Copy as MD
My Favorites

The Device Management component displays device information for one or more products in a table that updates in real time. It supports operations such as search, view, and delete. This topic describes how to configure the Device Management component.

Step 1: Add the component

  1. Create a web application. For more information, see Create a web application.

  2. In the Web application editor, click the component icon 组件 on the left.

  3. In the search box above the component list on the left side of the canvas, enter Device Management. Find the component and drag it to the canvas.

    For more information about adding components, see Add a component.

    In the component list on the left, search for and add the Device Management component to the canvas. The component appears on the canvas as a device management table, containing filter conditions such as All Products and All Statuses, and columns such as device name, product, device status, creation time, remarks, latitude and longitude, and Actions.

Step 2: Configure the data source

  1. StyleOn the tab in the panel on the right of the Web Application Editor, click Select ProductsSelect product.
  2. Select the products that contain the devices you want to manage. You can select multiple products.
  3. Click OK.
    The component displays all device information for the selected products.
    Note The latitude and longitude of a device in the Device Management component is device tag information. This information is not reported when the device data is refreshed. You can modify this tag information on the device details page in IoT Platform or in the Device Management component in IoT Studio. Changes made in either location are synchronized.

Step 3: Configure the style

  1. On the style tab on the right, configure the display settings for the component.
    Parameter Description
    Operation configuration Specifies the operations that users can perform in the Device Management table after the web application is published. The results synchronize directly with IoT Platform.
    Custom tag management Use custom tags to label individual devices in the Device Management table, for example, to specify a device's protocol or location. Saved tags also appear as device tags in IoT Platform. You can add, edit, and delete device tags.

    Rules for custom tags:

    • Can contain letters, numbers, and special characters.
    • Cannot exceed 30 characters in length.
    • Tags must be unique.
    Column display configuration Select the columns to display in the table, including custom tags and their content. You can drag columns to reorder them.
    Support filtering Specifies whether you can filter table content at runtime. Currently, you can only filter by a predefined set of fields. You can apply multiple filter criteria.
    Filter configuration Configure the text color, background color, button color, and border style for the filters.
    Global style Configure the global theme color and font, and whether to display the table title and pagination.
    Header style Configure the row height, text style, and whether to use striped rows for the table header and body.
    Table style

  2. Adjust the component's position on the page. For more information about general component style settings, see Configure styles.

  3. Click Preview in the upper-right corner of the page to view and debug the component's data and style.

Previous：Chart widgetsNext：Device Management (Pro)