Sapui5 使用独立于区域设置的滑块值同步输入

Sapui5 使用独立于区域设置的滑块值同步输入,sapui5,Sapui5,这是我们的后续问题 我发现,只有当滑块中有整数值且浏览器语言设置为英语时,中的演示解决方案才有效 演示中的片段: 复制该问题: 转到浏览器的设置 将德语等设置为语言 重新加载演示 如果滑块的步骤设置为整数值(例如1),则所有值都会正确显示在输入字段中。 但是,对于step=“0.1”,只显示整数值,而隐藏浮点值(例如“1,4”),从而在浏览器控制台中引起警告: 无法分析指定的值“1,4”,或该值超出范围 有什么想法或更好的解决方案吗?找到了一个解决方案: 需要一个格式化程序,将“.”替换为“

这是我们的后续问题

我发现,只有当滑块中有整数值且浏览器语言设置为英语时,中的演示解决方案才有效

演示中的片段:


复制该问题:

  • 转到浏览器的设置
  • 将德语等设置为语言
  • 重新加载演示
  • 如果滑块的
    步骤
    设置为整数值(例如
    1
    ),则所有值都会正确显示在输入字段中。
    但是,对于
    step=“0.1”
    ,只显示整数值,而隐藏浮点值(例如“1,4”),从而在浏览器控制台中引起警告:

    无法分析指定的值“1,4”,或该值超出范围

    有什么想法或更好的解决方案吗?

    找到了一个解决方案:

    需要一个格式化程序,将“.”替换为“.”:

    在输入的绑定中,只需添加格式化程序:

    <Input 
      width= "50px" 
      type="Number"
      value="{
        path: '/passageWidth',
        formatter: 'formatStringToNumber',
        type: 'FloatType',
        formatOptions: { emptyString: 0 }
    }"/>
    

    在这种情况下,从
    控件中删除
    type=“Number”

    根据API参考,UI5中的属性
    type=“Number”
    无论如何不应与
    value
    -绑定一起使用,因为浏览器实现HTML
    的行为略有不同:

    只能将默认值
    sap.m.InputType.Text
    与数据模型格式结合使用


    请注意,使用格式化程序会使绑定成为单向的
    <Input 
      width= "50px" 
      type="Number"
      value="{
        path: '/passageWidth',
        formatter: 'formatStringToNumber',
        type: 'FloatType',
        formatOptions: { emptyString: 0 }
    }"/>