Redux-form中textField设置为不可编辑
2017-09-21 16:39
357 查看
有的时候textField设置了初始值之后,并不想被修改,那么如何将其设置为不可编辑呢?
在我上一篇文章 http://blog.csdn.net/m_eve/article/details/77896254 的基础上,修改如下几个值
首先,在renderField中添加disabled属性,
constrenderField = ({ input disabled}) => (
<divclassName={`input-group ${touched && error ? 'has-error' : ''}`}>
<inputtype={type} disabled={disabled} {...input} />
{ touched&& error && <divclassName="error">{error}</div> }
</div>
);
然后,再Field中进行调用,如
<Field name="id" type="text"component={renderField} disabled="true"/>
这样,名为id的文本框就不可以编辑了
在我上一篇文章 http://blog.csdn.net/m_eve/article/details/77896254 的基础上,修改如下几个值
首先,在renderField中添加disabled属性,
constrenderField = ({ input disabled}) => (
<divclassName={`input-group ${touched && error ? 'has-error' : ''}`}>
<inputtype={type} disabled={disabled} {...input} />
{ touched&& error && <divclassName="error">{error}</div> }
</div>
);
然后,再Field中进行调用,如
<Field name="id" type="text"component={renderField} disabled="true"/>
这样,名为id的文本框就不可以编辑了
相关文章推荐
- ios 设置一个textField不可编辑
- EditText设置可以编辑和不可编辑状态
- 设置EditText不可编辑
- Ext-设置form表单不可编辑
- EditText设置可以编辑和不可编辑状态
- 设置EditText不可编辑
- Android中EditText设置editable属性为不可编辑的问题
- 设置EditText不可编辑
- 设置EditText不可编辑
- extjs textfield 不可编辑,点击不出现光标
- EditText设置可以编辑和不可编辑状态
- android_EditText设置可以编辑和不可编辑状态
- Android的EditText设置可编辑与不可编辑的方法
- EditText设置可以编辑和不可编辑状态
- Android的EditText设置可编辑与不可编辑怎样切换
- Android 设置EditText不可编辑
- 一个button设置EditText状态可编辑及不可编辑
- android学习笔记之通过java源码设置EditText不可编辑状态
- android 设置edittext 不可编辑 光标消失 / 让edittex不首次启动弹出输入法
- 【Android】多个EditText设置其中一个不可编辑并隐藏键盘