Question

161

If input type is set to Number how to set maxlength using sapui5

rated 0 times [ 162] [ 1] / answers: 1 / hits: 21359 / 8 Years ago, mon, january 9, 2017, 12:00:00

I want to set validation in input field when type is set to Number and set maxlength using sapui5. But it is not working.

var Price = new sap.m.HBox({

    items:[new sap.m.Label({text:Per Unit Price,required:true,design:Bold,width:110px}),

    new sap.m.Input(Price,{ width:150px,type:Number,

          value:{

              type : 'sap.ui.model.type.Integer',

              constraints : {

                minLength: 1,

                maxLength: 15

           }

        }



    })]

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lailab

Add To Favorites

Follow

Total Points: 706

Total Questions: 102

Total Answers: 95

Location: Falkland Islands

Member since Mon, Jul 13, 2020

4 Years ago

lailab questions

1 How can I solve this error? export 'default' (imported as 'App') was not found in './App' (possible exports: App) (im using react)

Sat, Jan 15, 22, 00:00, 2 Years ago

1 How to test a global event bus in VueJS

Fri, Feb 21, 20, 00:00, 4 Years ago

1 TypeError: render is not a function updateContextConsumer

Tue, Feb 4, 20, 00:00, 4 Years ago

1 How to add font awesome icon dynamically from JS file?

Sun, Apr 14, 19, 00:00, 5 Years ago

1 NestJs: How to have Body input shape different from entity's DTO?

Mon, Apr 1, 19, 00:00, 5 Years ago

View All

answered 8 Years ago sandra · Accepted Answer

Description of method setMaxLength of sap.m.Input from API:

This parameter is not compatible with the input type sap.m.InputType.Number. If the input type is set to Number, the maxLength value is ignored.

So it means you have to find other way how to do this. For example, when you use sap.m.InputType.Tel format instead, maxLength method works:

var oInput = new sap.m.Input("Price",{ 

      width:"150px",

      type:"Tel",

      minLength: 1,

      maxLength: 15 

});           

oInput.placeAt('content');

Here is interactive example.

EDITED 17:30 090117:

I edited previous posted code allowing to type just numbers as you wanted (Please, try here):

    var sNumber = "";

    var oInput = new sap.m.Input("Price",{ 

          width:"150px",                  

          minLength: 1,

          maxLength: 15,

          liveChange : function(oEvent){                    

                          var value = oEvent.getSource().getValue();

                          var bNotnumber = isNaN(value);

                          if(bNotnumber == false)sNumber = value;   

                          else oEvent.getSource().setValue(sNumber);                    

          },

         

    });           

    oInput.placeAt('content');