baidu / amis

前端低代码框架,通过 JSON 配置就能生成各种页面。
https://baidu.github.io/amis/
Apache License 2.0
17.4k stars 2.52k forks source link

输入框组件能否设置为无法获取焦点 #11148

Open rumunanfeng opened 2 weeks ago

rumunanfeng commented 2 weeks ago

实现场景:

对于Input-Text组件,我希望做到能不支持修改,但是通过其他方式设置值后,可以通过清除按钮清除该值。

存在的问题:

如果使用readonly或者disabled,虽然无法修改,但是也无法清除值。

当前方案:

目前想到的是在input焦点获取之后,通过事件去主动失去焦点。但是没有相关的失去焦点的动作。希望能有解决办法

lhtuling commented 5 hours ago

input-text上面 【获取焦点】事件里面,一段自定义js轻松搞定的 image

//根据你需要的条件来是否移除焦点
// 当前是根据内容不为空的情况下
if (event.data.value) {
  context.input.blur();
}

Amis低代码前端框架交流群【QQ1群】:717791727 Amis低代码前端框架交流群【QQ2群】:721182449