ExtJS的6的TextArea readOnly的:如何限制内的textarea
问题描述:
鼠标光标我已可变readOnly的ExtJS的6的TextArea readOnly的:如何限制内的textarea
bind:{
readOnly : '{someCondition}'
}
结合当textarea的具有readOnly的一个ExtJS6 textarea的:真,则在文本字段的点击鼠标光标位于内文本区域。我想在文本区域只读时限制鼠标光标。
使用“禁用”属性工作正常,不允许鼠标光标在文本区域内,但不显示带文本区域的垂直滚动条。因此不能使用这个属性。
请问您能否提出一些解决方案。
答
答
@Ronak Patel提供的这个answer的小提琴似乎工作。如果您还想阻止用户使用鼠标选择文本区域中的文本,则可以将user-select
设置为none
。尽管这不是标准做法,但您也可以更改光标以向用户指示他们无法选择文本。 这些变化可以在writeableChange
事件侦听器进行:
writeableChange: function() {
if (this.readOnly) {
this.inputEl.dom.style.userSelect = 'none';
this.inputEl.dom.style.cursor = 'not-allowed';
} else {
this.inputEl.dom.style.userSelect = 'inherit';
this.inputEl.dom.style.cursor = 'inherit';
}
}
见更新小提琴here(使用复选框使textarea的只读或者没有)。
for readOnly TextArea鼠标光标不应显示在textarea中。 – sorab
通过只读你的意思是你不能编辑但是在文本框中看到光标吗?如果可能,你可以展示一些演示/图像? – Tejas
当该字段是只读的,那么我不希望textarea内的鼠标光标。我使用this.blur(),但没有帮助。 – sorab