ButtonsPanel

ButtonsPanel - 按钮面板 是一个布局容器,简化了组件的使用和放置,通常用于表格中的数据管理按钮。

buttons panel

组件的 XML 名称:buttonsPanel

基本用法

ButtonsPanel 可以放置在表格内或界面的其他位置。

在表格内使用 ButtonsPanel 容器的示例:

<groupTable id="employeesTable"
            width="100%"
            dataContainer="employeesDc">
    <actions>
        <action id="create" type="create"/>
        <action id="edit" type="edit"/>
        <action id="remove" type="remove"/>
    </actions>
    <columns>
        <column id="name"/>
        <column id="salary"/>
        <column id="position"/>
    </columns>
    <buttonsPanel id="buttonsPanel"
                  alwaysVisible="true">
        <button id="createBtn" action="employeesTable.create"/>
        <button id="editBtn" action="employeesTable.edit"/>
        <button id="removeBtn" action="employeesTable.remove"/>
    </buttonsPanel>
</groupTable>
buttons panel table

如果 buttonsPanel 位于表格中,则它会与表格的 rowsCount 组件组合,从而可以在垂直方向上节省空间。

属性

caption

在列表组件(TableTreeTableGroupTableDataGridTreeDataGridTree)中,buttonsPanelcaption 不会展示,只展示列表组件的标题。

alwaysVisible

设置是否始终在查找界面展示 buttonsPanel。如果该属性是 true,则展示 buttonsPanel。默认为 false

自定义

默认情况下,buttonsPanel 中的按钮是水平的放置并可换行。如果一行中没有足够的空间,放不下的按钮会被放置在下一行。

可以修改这个默认的行为,将 buttonsPanel 内的按钮显示在一行:

  1. 创建扩展主题或者 自定义主题

  2. 定义 SCSS 变量 $jmix-buttonspanel-flow