操作方法：在 Web AppBuilder Developer Edition 中更改微件窗口的默认大小

摘要

每次在应用程序中打开任何微件时，可能都需要调整其大小以清楚地显示其内容。 这会妨碍用户体验并使应用程序看起来效率低下。

可以按照以下步骤，手动将微件窗口的大小设置为特定像素值。 因此，无论何时打开微件，其窗口都会具有适合显示其内容的大小。

在微件的“Widget.js”文件中，存在各种与微件执行的操作相关联的回调函数。 通过添加用于更改微件某些属性值（例如面板的高度和宽度）的代码，可以在调用这些函数时执行此代码。

过程

要设置默认微件大小：

1. 导航至 [Web AppBuilder 安装目录] > 服务器 > 应用程序 > [应用程序目录] > 微件 > [微件目录]
2. 在文本编辑器中打开 Widget.js 文件。
3. 找到以下代码并对其进行编辑：

onOpen: function() { var panel = this.getPanel(); panel.position.width = 600; panel.position.height = 600; panel.setPosition(panel.position); panel.panelManager.normalizePanel(panel); },

• 此代码是快速启动主题微件的示例。 对于其他微件，可能不需要“setPosition”和“normalizePanel”方法。
• 宽度和高度的值以像素为单位。

在此更改中，由于使用了“onOpen”函数，因此应用程序会在每次打开微件时调整其大小。