Webdynpro布局详解.docx

发布时间：2022-05-30 发布人：admin 分类：说明书资料大小：1.02M 资料格式：docx 举报版权申诉

qq_40718818-10355072-16359648058916173047.docx.pdf-第1页.png

第1页 / 共21页

qq_40718818-10355072-16359648058916173047.docx.pdf-第2页.png

第2页 / 共21页

qq_40718818-10355072-16359648058916173047.docx.pdf-第3页.png

第3页 / 共21页

qq_40718818-10355072-16359648058916173047.docx.pdf-第4页.png

第4页 / 共21页

qq_40718818-10355072-16359648058916173047.docx.pdf-第5页.png

第5页 / 共21页

qq_40718818-10355072-16359648058916173047.docx.pdf-第6页.png

第6页 / 共21页

qq_40718818-10355072-16359648058916173047.docx.pdf-第7页.png

第7页 / 共21页

qq_40718818-10355072-16359648058916173047.docx.pdf-第8页.png

第8页 / 共21页

文本预览

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com Webdynpro 布局详解在上次的教程里，我们已经实现了最简单的 ALV 应用，接下来会逐一介绍各个控件的使用，但是介绍控件之前，我们先来介绍一下 webdynpro 的 UI 布局。所谓 UI 布局就是页面上各个控件的排列位置，WebDynpro 中有种布局方式： 1、 Flow Layout：控件从左到右顺序排列，浏览器宽度不够会自动换行，这是默认的布局方式 2、 Row Layout：控件从左到右顺序排列在一行或多行，主要受两个选项控制： Row Head Data:另起一行排在最左边 Row Data: 在同一行从左到右顺序排列注意，Row layout 方式在竖直方向是不会对齐的，浏览器宽度不够不会换行 3、 Matrix Layout：控件从左到右顺序排列在一行或多行，主要受两个选项控制： Matrix Head Data:另起一行排在最左边 Matrix Data: 在同一行从左到右顺序排列注意，Matrix layout 方式在竖直方向是会对齐（左对齐）的，浏览器宽度不够不会换行 4、 Grid Layout：和 Matrix Layout 很像，但是比 Matrix Layout 多了一个 colCount 的参数来控制列的数量，会根据列的数量（colCount 参数）自动顺序排列下来注意，Grid layout 方式在竖直方向是会对齐（左对齐）的，浏览器宽度不够不会换行举例演示新建 WebDynpro 程序：ZWD_LAYOUT

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com 选择开发包，选择“本地对象”即可创建四个 Group 控件

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com 分别更改每个 Group 控件的 ID 和 Layout 属性，以及里面的 Caption 控件的 text 属性设置完成后是这个样子

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com 接下来往每个 Group 控件中添加文本长度不同的 Caption 控件选择 Caption 类型设置 CAPTION1 的 text 属性为 123

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com 然后 Group 控件内添加另外 7 个 Caption 控件，ID 和 TEXT 如下表 ID CAPTION1（上面一步已添加） CAPTION2 CAPTION3 CAPTION4 CAPTION5 CAPTION6 CAPTION7 CAPTION8 TEXT 123 一二三 4567 四五六七 89012 八九零一二 345678 三四五六七八 Flow Layout 设置完成是这个样子

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com 将 Flow Layout 里的 8 个 Caption 控件依次 COPY 到 Row Layout 里

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com COPY 完成之后是这个样子将 CAPTION5_CP 的 Layout Data 由 RowData 改为 RowHeadData

Webdynpro 入门之页面控件布局介绍作者:赵伟 zhaowei0315@163.com 保存之后，可以发现从 CAPTION5_CP 开始，另起了一行，但是每一列并没有对齐同样用复制粘贴的方法将 Row Layout 中的 8 个 Caption 复制到 Matrix Layout 中

分享到：

赞收藏

资料库

Webdynpro布局详解.docx

相关推荐

开发技术

热门标签

最新资料