sap.m.Input sap ui5中的自定义输入类型

时间:2014-09-30 10:24:44

标签: javascript sapui5

我有一个输入字段(sap.m.Input),我需要将其作为Float类型。 我尝试使用sap.ui.model.type.Float()但它没有用。

如何为输入字段使用自定义类型。我没有任何绑定,只需要将输入字段的类型设置为float。 一个例子真的很有帮助。

先谢谢, 迪帕克

3 个答案:

答案 0 :(得分:2)

您可以像这样创建自定义类型:

<script type="text/javascript">
    (function(){
        "use strict";
        jQuery.sap.declare('Float');
        jQuery.sap.require('sap.ui.base.DataType');
        Float = sap.ui.base.DataType.createType( "Float", 
            { isValid : 
                function(sValue) {
                    return ((sValue % 1) != 0);
                }
            }, sap.ui.base.DataType.getType('number') 
        );
    })();
</script>

现在您可以使用type作为Float

答案 1 :(得分:1)

        var oInp = new sap.m.Input({
            liveChange : function(oEvent){
                debugger;
                var value = parseFloat(oEvent.getSource().getProperty('value'));
                if(value % 1 === 0 || isNaN(value))             
                    valueState = "Error";               
                else
                    valueState = "Success";
                oEvent.getSource().setValueState(valueState);               
              }
        });
        oInp.setType(sap.m.InputType.Number);

答案 2 :(得分:1)

我有同样的问题,使用新的sap.ui.model.type.Float似乎将字符串从OData服务(Edm.Decimal)转换为实数浮点数。这将用于显示正确的数字,但如果您尝试将更改的值写回(OData双向绑定)则不会。

因此我实现了这样一个自己的类型:

jQuery.sap.declare("my.package.MyFloat");
sap.ui.model.SimpleType.extend("my.package.MyFloat", {
    formatValue : function(oValue) {
        return oValue;
    },

    parseValue : function(oValue) {
        return oValue;
    },

    validateValue : function(oValue) {
        if (oValue != null && oValue != "" && oValue != undefined) {
            if (isNaN(Number(oValue))) {
                var messageString = sap.ui.getCore().getModel("i18n").getResourceBundle().getText("KEY_TO_ERROR_MESSAGE");
                throw new sap.ui.model.ValidateException(messageString);
            }
        }
    }
})

我在这里检测到一个SAP示例: http://help.sap.com/saphelp_nw74/helpdata/de/91/f0652b6f4d1014b6dd926db0e91070/content.htm 在文件中搜索PLZ。

目前我正在寻找一种在构建MyFloat期间添加一些参数的方法。

您可以这样使用这种类型:

new sap.m.Input({
     value: {
         path : "BindingPathToAttribute",
         type : new my.package.MyFloat({})
     }
}),