注意工作屏幕中的响应模式

Question

我将 VisionX 用于我的内部 ERP 系统，并有一个带有表格和一些编辑器的工作屏幕。如果屏幕尺寸足够大，所有内容都会正确显示。如果我调整浏览器窗口的大小并获得较小的视图，则屏幕看起来不太好。

我知道支持响应式处理，但不知道如何直接在 VisionX 中使用它。

有什么提示吗？

Answer 1

支持但不可视。您需要几行 Java 代码。

如果您调整浏览器大小，我不确定您想要在屏幕中更改什么，但这是更改可见表格列的解决方案。

只需打开工作屏幕的代码（文件夹：

rad/apps/appname/src.client/.../screens/...

）

每个屏幕都有方法

onResponsiveModeChanged

，可用于处理响应模式。只需覆盖该方法并配置您的屏幕即可。

一个例子：

@Override
public void onResponsiveModeChanged(LayoutMode pOld, LayoutMode pNew) throws Throwable
{
    super.onResponsiveModeChanged(pOld, pNew);

    ColumnView colview = rdbUsers.getRowDefinition().getColumnView(ITableControl.class);

    if (pNew != null)
    {
        switch (pNew)
        {
            case Mini:
                colview.setColumnNames(new String[] {"USERNAME", "ACTIVE"});
                break;
            case Small:
                colview.setColumnNames(new String[] {"USERNAME", "ACTIVE", "EMAIL"});
                break;
            default:
                colview.setColumnNames(new String[] {"USERNAME"});
        }
    }
}

上面的代码显示了默认模式下的

USERNAME

列。默认模式适用于大窗口 (>= 950px)。如果窗口较小（>= 520px），将显示

USERNAME, ACTIVE, EMAIL

列。在迷你模式下（将显示< 520px)

USERNAME, ACTIVE

列。