UI5垂直动态添加元素

2020-09-19 04:59发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


专家们,

我希望动态实现以下目标:

基于下面的XML代码,我将控制器代码编写为:

仍然获得布局,其中标签在左侧,输入在右侧(一个都不在另一个下方)

 var form = new sap.ui.layout.form.SimpleForm();

 form.setLabelSpanL(4);
 form.setLabelSpanM(4);
 form.setLabelSpanS(4);
 form.setEmptySpanL(0);
 form.setEmptySpanM(0);
 form.setEmptySpanS(0);
 form.setMaxContainerCols(2);
 form.setLayout(" ResponsiveGridLayout");

 var lab = new sap.m.Label();
 lab.setText("确定返回");
 form.addContent(lab);

 var inp = new sap.m.Input();
 inp.setValue(" No");
 form.addContent(inp);

 var lab = new sap.m.Label();
 lab.setText("确定返回");
 form.addContent(lab);

 var inp = new sap.m.Input();
 inp.setValue(" No");
 form.addContent(inp);


 var rad = new sap.m.RadioButtonGroup();
 var btn1 = new sap.m.RadioButton();
 btn1.setText(" sText1");
 var btn2 = new sap.m.RadioButton();
 btn2.setText(" sText2");
 rad.addButton(btn1);
 rad.addButton(btn2);
 form.addContent(rad);


 

XML代码是:

 
 <!-->
  

请在这里帮助。

此致

沙利尼。

(11.4 kB)

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


专家们,

我希望动态实现以下目标:

基于下面的XML代码,我将控制器代码编写为:

仍然获得布局,其中标签在左侧,输入在右侧(一个都不在另一个下方)

 var form = new sap.ui.layout.form.SimpleForm();

 form.setLabelSpanL(4);
 form.setLabelSpanM(4);
 form.setLabelSpanS(4);
 form.setEmptySpanL(0);
 form.setEmptySpanM(0);
 form.setEmptySpanS(0);
 form.setMaxContainerCols(2);
 form.setLayout(" ResponsiveGridLayout");

 var lab = new sap.m.Label();
 lab.setText("确定返回");
 form.addContent(lab);

 var inp = new sap.m.Input();
 inp.setValue(" No");
 form.addContent(inp);

 var lab = new sap.m.Label();
 lab.setText("确定返回");
 form.addContent(lab);

 var inp = new sap.m.Input();
 inp.setValue(" No");
 form.addContent(inp);


 var rad = new sap.m.RadioButtonGroup();
 var btn1 = new sap.m.RadioButton();
 btn1.setText(" sText1");
 var btn2 = new sap.m.RadioButton();
 btn2.setText(" sText2");
 rad.addButton(btn1);
 rad.addButton(btn2);
 form.addContent(rad);


 

XML代码是:

 
 <!-->
  

请在这里帮助。

此致

沙利尼。

(11.4 kB)
付费偷看设置
发送
3条回答
灬番茄
1楼-- · 2020-09-19 05:44

您需要根据列为每个控件的跨度进行正确设置。

创建一个容器,并为标签,输入字段和其他控件分配12列跨度。 这样,每个控件将占据整个行,并且不允许其旁边的任何其他控件。 它也会响应。

如果您熟悉引导程序,请使用col-md-12和col-sm-12类作为标签,这会将输入字段推到下一行。

此致

Sharath

wang628962
2楼-- · 2020-09-19 05:38

实际上,在所有屏幕尺寸(L,M,S,XL)中,labelSpan = 12都会使这种情况发生..在标签旁边而不是旁边输入..

谢谢

Viplove

亦是此间程序员
3楼-- · 2020-09-19 05:41

(如果您使用 SimpleForm 布局...那么下面的事情将会发生(摘自文档)

  • 新的 Label 在表单中开始新行( FormElement )。
  • 所有其他控件将分配给以最后一个标签开头的行( FormElement )。

这就是为什么您看不到另一个元素的原因。

要在另一个元素下方显示元素,请使用垂直布局