You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在D365 Business Central云环境中设置列区段相对宽度?

实现BC页面列区段相对宽度的AL开发指南

1. 定位目标页面对象

先明确要修改的目标页面(比如客户卡片、联系人列表这类标准页面,或是自定义业务页面),在AL中通过pageextension扩展标准页面,或直接编辑自定义页面的布局代码。

  • 示例扩展客户卡片页面的基础结构:
pageextension 50100 CustomerPageExt extends "Customer Card"
{
    layout
    {
        // 在此修改或新增列区段布局
    }
}

2. 用ColumnLayout与Width属性配置相对宽度

BC页面布局中,ColumnLayout用于定义多列结构,通过Width属性设置相对比例——可以用百分比数值(如Width = 20表示占20%宽度),也可用权重值(如两列分别设Width = 1和Width = 2,实现1:2的宽度占比)。

  • 示例:新增带相对宽度的自定义列区段:
layout
{
    addafter(General)
    {
        group(NewCustomSection)
        {
            Caption = '自定义信息';
            ColumnLayout = TwoColumns;
            // 第一列占30%宽度
            column(1)
            {
                Width = 30;
                field("自定义字段1"; Rec."自定义字段1"){}
                field("自定义字段2"; Rec."自定义字段2"){}
            }
            // 第二列占70%宽度
            column(2)
            {
                Width = 70;
                field("自定义字段3"; Rec."自定义字段3"){}
                field("自定义字段4"; Rec."自定义字段4"){}
            }
        }
    }
}
  • 若要调整现有列的宽度,直接在目标column块中添加或修改Width属性即可。

3. 自适应布局的补充优化

  • 禁用固定宽度:不要给字段或列设置FixedWidth属性,确保宽度完全由相对比例控制,适配不同窗口尺寸。
  • 配合ContentAlignment:给字段添加ContentAlignment = Left/Right/Center,优化内容显示,减少不必要的溢出。
  • 多终端测试:部署后在桌面、平板等不同尺寸屏幕验证,确认页面无需横向滚动即可完整显示内容。

4. 部署与验证

编译修改后的AL代码并部署到BC云租户,打开目标页面检查布局效果。如果是扩展标准页面,注意用addbefore/addafter/replace精准定位布局位置,避免与其他扩展的布局修改冲突。

内容的提问来源于stack exchange,提问作者J.S.Orris

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 13:15:29