当前位置: 首页 > Web前端 > HTML

SAPUI5SmartFormTips简介

时间:2023-03-28 17:23:55 HTML

sap.ui.comp.smartform.SmartForm控件使渲染表单成为可能。根据用户授权,表单使用户能够从显示模式切换到编辑模式、添加和分组字段、重命名字段标签以及执行用户输入检查。SmartForm在内部使用sap.ui.layout.form.Form控件。将SmartForm控件与SmartField控件一起使用时,view.xml文件会保持非常紧凑,因为有关标签和标题的所需信息会自动从OData元数据中提取。此外,可以将SmartForm指定为可切换编辑,在这种情况下,可以选择在只读模式和编辑模式之间切换。这就是SmartField控件的强大功能(例如值帮助和智能链接)真正发挥作用的地方。看具体的例子:/mvc:View>我们看到这里新增了几个元素Group,指示SmartForm为子元素添加容器。在本例中,我们有两个顶级元素容器,一个用于产品,一个用于供应商。添加GroupElement作为SmartFields的包装控件后,我们指示SmartForm检查OData元数据并自动添加在那里找到的标签。在这样的GroupElements中,我们甚至可以定义一个复合字段,其前面只有一个标签。我们在上面的示例中这样做是为了将CategoryName与Description结合起来。我们使用elementForLabel="1"为这两个字段定义SmartField的标签描述(在OData元数据中找到)。flexEnabled="false"设置为禁用SAPUI5灵活性。使用Nullable=false我们定义该字段是强制性的,因此不能为空。必填字段的标签随后在UI上标有*。除此之外,元数据文件没有实质性差异。我们只注意到此处定义的sap:label属性以前面解释的最终形式出现。控制器实现代码:sap.ui.define(["sap/ui/core/mvc/Controller"],function(Controller){"usestrict";returnController.extend("sap.ui.demo.smartControls.SmartForm",{onInit:function(){this.getView().byId("smartFormPage").bindElement("/Products('4711')");}});});最终效果: