Skip to Content

UI5 : sap.m.Input inside sap.m.Table losing focus during navigation

Hi Experts,

I have a sap.m.Table which has sap.m.Input columns(refer image).

When I navigate from one column to the next(using Tab key or mouse click), the focus is not set on that field and so it doesn't allow me to type at all. This is highly irritating for the users.

Please note my library version is 1.28.32 and also I tried with 1.40 versions, same result. Any clue please?

Thank you,

Seyed Ismail.

sapminput.png (18.2 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • May 17, 2017 at 12:01 PM

    post your table code here

    Add comment
    10|10000 characters needed characters exceeded

    •  var oRECONSTableJE = new sap.m.Table("idRECONSTableJE", {
                                           fixedLayout: false,
                                           growing : true,
                                           inset : false,
                                           visible: true,
                                           columns: [
                                                     new sap.m.Column("idRECONSTableJESrcDocName",{
                                                              width: "20%",
                                                              hAlign: "Center",
                                                              header: new sap.m.Label({
                                                                                     text: "ID",
                                                                                     textAlign : "Center",
                                                                                     }).addStyleClass('tableHeaders')
                                                              }),
      
      
                                              new sap.m.Column("idRECONSTableJEClrMethod",{
                                              	width: "35%",
                                              	hAlign: "Center",
                                                  header: new sap.m.Label({
                                                                         text: "Reconc. Item Description",
                                                                         textAlign : "Center",
                                                  						}).addStyleClass('tableHeaders')
                                                  }),
      
      
                                                  new sap.m.Column("idRECONSTableJESrcLocation",{
                                                  	width: "20%",
                                                  	hAlign: "Center",
                                                      header: new sap.m.Label({
                                                                             text: "Action Plan",
                                                                             textAlign : "Center",
                                                      					   }).addStyleClass('tableHeaders')
                                                      }),
      
      ],
      
      
                                           items : {
                                           path: "oRECONSModelJE>/",
                                           template: new sap.m.ColumnListItem({
                                              selected: false,
                                              //type: "Active",
                                              press : function(oEvent){
                                              	//var row = oEvent.getSource().getBindingContext("oRECONSModelJE").getPath().split('/')[1];
                                              },
                                              cells: [
                                                      new sap.m.Input({
                                                                     value : "{oRECONSModelJE>ID}",
                                                                     enabled : "{oRECONSModelJE>enabled}",
                                                                     }),
      
      
                                                      new sap.m.Input({
                                                      				value : "{oRECONSModelJE>Desc}",
                                                      				enabled : "{oRECONSModelJE>enabled}",
                                                                     }),
      
      
                                                      new sap.m.Input({
                                                      				value : "{oRECONSModelJE>Action}",
                                                      				enabled : "{oRECONSModelJE>enabled}",
                                                                     }),
      ]})}}).addStyleClass('sapUiSizeCompact margintop70p'); 
  • Jun 29, 2017 at 02:18 AM

    Did you resolve this? I have the same issue.

    Thanks.

    Federico.

    Add comment
    10|10000 characters needed characters exceeded