我正在 Oracle APEX 中构建一个应用程序，但遇到了设计问题。
我有一个区域，单行中有十几个航天飞机，并且根据在另一个下拉列表项中所做的选择，我只需要在任何给定时间显示其中的 2 或 3 个。
为了演示问题并进行测试，我构建了一个全新的空页面来进行测试。
在此页面上，我创建了一个选择列表项，它返回要显示的类车数量。
然后我创建了动态操作来仅显示所选航天飞机的数量，并隐藏其余的。
因此，当用户将选择更改为较小的数字时，一些飞梭应该隐藏在浏览器中，而不需要提交或刷新页面。
动态 Action 效果很好，并且按预期隐藏了航天飞机。
但是，穿梭机不会扩展以填满该行。
这是一个主要问题，因为航天飞机需要更多的水平空间才能可用。
当我隐藏多余的航天飞机时，我需要剩余的航天飞机扩展并填充行中的水平空间。
所有穿梭机均配置有自动列和列跨度选项。
当我隐藏大多数其他穿梭机时，如何使穿梭机扩展以填充行中的水平空间？
我可以使用 JavaScript 动态操作重新渲染项目吗？
最佳答案
嗯，我不知道一个简单的方法来做到这一点，但你可以尝试这个:
apex 模板分为 12 个部分，因此每个项目的列跨度在其 div 容器中定义为 css 类。您只需更改要扩展的项目的类。
您可以使用的类是从 col-1 到 col-12
您应该在动态操作中使用的 JavaScript 应该类似于:
$( "#P_ITEM" ).parent().removeClass( "col-2" );
$( "#P_ITEM" ).parent().addClass( "col-6" );
这是该项目所在的 html 示例:
关于javascript - 顶点 : How to automatically adjust item width when showing/hiding items?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60728964/