使用sap.m.Table创建表并填充内容

2020-09-26 05:34发布

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

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


人们好,

我创建了一个表,并使用以下视图代码成功地将json结构中的内容填充到了表中。 但是现在我正在尝试使用sap.m库实现相同的功能,甚至在显示表的行和列时遇到问题。 我也有使用下面的sap.m库的代码。 请提出建议。

 sap.ui.jsview(" appjson.v1",{
/**指定属于该视图的控制器。
 *在未实现或返回" null"的情况下,该视图没有控制器。
 * @memberOf appjson.v1
 */
 getControllerName:function(){
 返回" appjson.v1";
 },
/**在实例化Controller之后最初被调用一次。 这是构造UI的地方。
 *由于将控制器赋予了此方法,因此可以立即附加其事件处理程序。
 * @memberOf appjson.v1
 */
 createContent:function(oController){

        var value = {mycomp:[{Empno:'1234',Ename:'test'},{Empno:'93939',Ename:'abcd'}]};
        var omodel = new sap.ui.model.json.JSONModel();
        omodel.setData(value);

 var tb = new sap.ui.table.Table();

 var col1 = new sap.ui.table.Column();

 var l2 = new sap.ui.commons.Label();
     l2.setText('Employee Number');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv1 = new sap.ui.commons.TextView();
 tv1.bindProperty('text',{path:'Empno'});
 col1.setTemplate(tv1);

 col1 =新的sap.ui.table.Column();
 l2 =新的sap.ui.commons.Label();
 l2.setText('Employee Name');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv2 = new sap.ui.commons.TextView();
 tv2.bindProperty('text',{path:'Ename'});
 col1.setTemplate(tv2);

 tb.setModel(omodel);
 tb.bindRows('/mycomp');
 tb.placeAt('content');

 }
 }); 

使用sap.m库的代码,请提出更正建议

 sap.ui.jsview(" appmjson.v1",{
/**指定属于该视图的控制器。
 *在未实现或返回" null"的情况下,该视图没有控制器。
 * @memberOf appmjson.v1
 */
 getControllerName:function(){
 返回" appmjson.v1";
 },
/**在实例化Controller之后最初被调用一次。 这是构造UI的地方。
 *由于将控制器赋予了此方法,因此可以立即附加其事件处理程序。
 * @memberOf appmjson.v1
 */
 createContent:function(oController){
  返回新的sap.m.Page({
 标题:"标题",

     mycomp:[
 {Empno:" 1234",
  Ename:"测试"
 },
 {
  Empno:'93939',
  Ename:" abcd"
 }
 ]
 });
   var omodel = new sap.ui.model.json.JSONModel();
   omodel.setData(mycomp);

  var tb = new sap.m.Table();
 var col1 = new sap.m.Column();

     var l2 = new sap.m.Label(" lb1",{text:'Employee Number'});
 l2.setText('Employee Number');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv1 = new sap.m.TextView();
 tv1.bindProperty('text',{path:'Empno'});
 col1.setTemplate(tv1);

 col1 =新的sap.ui.table.Column();
 l2 = new sap.m.Label(" lb2",{text:'Employee Name'});
 l2.setText('Employee Name');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv2 = new sap.m.TextView();
 tv2.bindProperty('text',{path:'Ename'});
 col1.setTemplate(tv2);

 tb.setModel(omodel);
 oTable.bindRows('/mycomp');
 oTable.placeAt('content');
 }
 }); 

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

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


人们好,

我创建了一个表,并使用以下视图代码成功地将json结构中的内容填充到了表中。 但是现在我正在尝试使用sap.m库实现相同的功能,甚至在显示表的行和列时遇到问题。 我也有使用下面的sap.m库的代码。 请提出建议。

 sap.ui.jsview(" appjson.v1",{
/**指定属于该视图的控制器。
 *在未实现或返回" null"的情况下,该视图没有控制器。
 * @memberOf appjson.v1
 */
 getControllerName:function(){
 返回" appjson.v1";
 },
/**在实例化Controller之后最初被调用一次。 这是构造UI的地方。
 *由于将控制器赋予了此方法,因此可以立即附加其事件处理程序。
 * @memberOf appjson.v1
 */
 createContent:function(oController){

        var value = {mycomp:[{Empno:'1234',Ename:'test'},{Empno:'93939',Ename:'abcd'}]};
        var omodel = new sap.ui.model.json.JSONModel();
        omodel.setData(value);

 var tb = new sap.ui.table.Table();

 var col1 = new sap.ui.table.Column();

 var l2 = new sap.ui.commons.Label();
     l2.setText('Employee Number');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv1 = new sap.ui.commons.TextView();
 tv1.bindProperty('text',{path:'Empno'});
 col1.setTemplate(tv1);

 col1 =新的sap.ui.table.Column();
 l2 =新的sap.ui.commons.Label();
 l2.setText('Employee Name');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv2 = new sap.ui.commons.TextView();
 tv2.bindProperty('text',{path:'Ename'});
 col1.setTemplate(tv2);

 tb.setModel(omodel);
 tb.bindRows('/mycomp');
 tb.placeAt('content');

 }
 }); 

使用sap.m库的代码,请提出更正建议

 sap.ui.jsview(" appmjson.v1",{
/**指定属于该视图的控制器。
 *在未实现或返回" null"的情况下,该视图没有控制器。
 * @memberOf appmjson.v1
 */
 getControllerName:function(){
 返回" appmjson.v1";
 },
/**在实例化Controller之后最初被调用一次。 这是构造UI的地方。
 *由于将控制器赋予了此方法,因此可以立即附加其事件处理程序。
 * @memberOf appmjson.v1
 */
 createContent:function(oController){
  返回新的sap.m.Page({
 标题:"标题",

     mycomp:[
 {Empno:" 1234",
  Ename:"测试"
 },
 {
  Empno:'93939',
  Ename:" abcd"
 }
 ]
 });
   var omodel = new sap.ui.model.json.JSONModel();
   omodel.setData(mycomp);

  var tb = new sap.m.Table();
 var col1 = new sap.m.Column();

     var l2 = new sap.m.Label(" lb1",{text:'Employee Number'});
 l2.setText('Employee Number');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv1 = new sap.m.TextView();
 tv1.bindProperty('text',{path:'Empno'});
 col1.setTemplate(tv1);

 col1 =新的sap.ui.table.Column();
 l2 = new sap.m.Label(" lb2",{text:'Employee Name'});
 l2.setText('Employee Name');
 col1.setLabel(l2);
 tb.addColumn(col1);
 var tv2 = new sap.m.TextView();
 tv2.bindProperty('text',{path:'Ename'});
 col1.setTemplate(tv2);

 tb.setModel(omodel);
 oTable.bindRows('/mycomp');
 oTable.placeAt('content');
 }
 }); 
付费偷看设置
发送
1条回答
能不能别闹
1楼-- · 2020-09-26 06:13

你好

使用XML视图,这是SAP建议的最佳实践。 当然,它比JS View要简单

此致

一周热门 更多>