1

有没有办法固定面板的大小以占用其列内的全部空间而不是环绕内容？

我的父列有 2 个并排的面板——一个用于堆叠 Navpils 菜单（项目数量可变），一个用于根据菜单选择显示数据。我需要数据面板来匹配菜单面板的高度。

这是代码的相关部分：

<b:Column size="MD_3">                          
    <b:Panel>
        <b:PanelHeader>
            <b:Heading size="H3" text="Services" />
        </b:PanelHeader>
        <b:PanelBody>
            <b:NavPills stacked="true">
                <b:AnchorListItem text="ClockService" ui:field="clockService" />                        
                <b:AnchorListItem text="CloudService" ui:field="cloudService" />
                <b:AnchorListItem text="CommandService" ui:field="commandService" />
                <b:AnchorListItem text="WebConsole" ui:field="webConsole" />
                <b:AnchorListItem text="DataService" ui:field="dataService" />
                <b:AnchorListItem text="MqttDataTransport" ui:field="mqttDataTransport" />
                <b:AnchorListItem text="SslManagerService" ui:field="sslManagerService" />
                <b:AnchorListItem text="WatchdogService" ui:field="watchdogService" />
            </b:NavPills>
        </b:PanelBody>
    </b:Panel>
</b:Column>

<b:Column size="MD_9">
    <b:Panel ui:field="contentPanel">
        <b:PanelHeader ui:field="contentPanelHeader">
        </b:PanelHeader>
        <b:PanelBody ui:field="contentPanelBody">
        </b:PanelBody>
    </b:Panel>
</b:Column>

任何帮助或建议表示赞赏，我也愿意使用其他小部件，只要它们提供类似的视图。

4

1 回答 1

0

如果您希望 a 的内容*Panel用完所有可用空间，只需将其内容包装在Column具有适当大小（如MD_12）的 a 中。根据您的布局，反转层次结构可能就足够了 -Panel应该是父级和Column它的子级。如果你有很多这样的情况（或者这是一个经常使用的小部件），你可以通过直接将 CSS 样式应用.col-md-12到你的小部件（Panel的内容）来避免“不必要的”包装。

于 2015-06-25T09:35:33.940 回答