关于前端:SAP-UI5-SimpleForm-控件实例的初始化调试

4次阅读

共计 757 个字符,预计需要花费 2 分钟才能阅读完成。

simpleForm 在 XML 视图里定义的 editable 属性:

会触发 SimpleForm.setEditable 办法调用:

同理,设置 layout 属性:

这个 layout 是一个独自的实例:

addAllToContent:把 SimpleForm 里所有的元素增加到控件里:

创立帮忙文档里提到的 FormContainer:

而后创立 FormElement:

在 form 循环里增加 element:

一个 SimpleForm 有一个 form container:

一个 form container 有 4 个 form element:

一个 form element 有一对 label 和 field:

看样子是 Layout 实例管制这些数据:

创立 grid:

四种尺寸:

这里能看到硬编码的 12:

我代码里设置的 columns = 2:

所以 span 为 12 / 2 = 6

default span 的计算值:

默认值:

咱们能够看出,一个简略的 SimpleForm,渲染之后,其实生成了总共五层构造:

ResponsiveGridLayout 控件应用响应式网格出现表单。在外部,Grid 控件用于渲染。应用此布局,表单以响应式形式出现。依据可用空间,FormContainer 出现在一列或不同的列中,标签出现在与字段雷同的行或字段上方。此行为可能会受到此布局控件的属性的影响。

在 FormContainers、标签和内容字段上,能够应用 GridData 更改默认出现。FormElements 不反对 GridData。

留神:如果应用 GridData,这可能会导致比默认布局简单得多的布局。这意味着在某些状况下,对其余内容的计算可能不会带来预期的后果。在这种状况下,应为所有内容控件应用 GridData 以禁用默认行为。

此控件不能独自应用,它只是出现一个 Form,因而必须应用布局聚合将它调配给一个 Form。

正文完
 0