Skip to Content
0

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

May 17, 2017 at 03:17 AM

129

avatar image

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)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Akhilesh Upadhyay May 17, 2017 at 12:01 PM
0

post your table code here

Show 1 Share
10 |10000 characters needed characters left 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'); 
0
Federico Cicerchia Jun 29, 2017 at 02:18 AM
0

Did you resolve this? I have the same issue.

Thanks.

Federico.

Show 1 Share
10 |10000 characters needed characters left characters exceeded

Hi Federico,

I know I am late. But you can try adding property focus: true to your sap.m.Input.

Thanks,

Seyed Ismail.

0