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 }
}"/>