How to set the drop-down list box to be non-editable in ExtJS_extjs

I have never studied or used the ExtJS framework. I only know that it is a popular front-end framework. It is similar to Easy UI, BUI, DWZ and other frameworks, but it is more powerful than them. The reason why I write this is that I think Still very helpful.

Today a friend encountered a problem: How to set the drop-down list in ExtJS to be non-editable. It is not editable in html, but now the drop-down list box in this UI framework can be edited, friend. The requirement is to have the same effect as in HTML, so my friend thought of using the editable attribute, but after writing this attribute, an error was reported. I didn't see the error at the time. I found an attribute for him and set it to non-editable, but still It didn't work, so I read the error again, checked the API, and finally solved the problem.

The error reported is as follows:

Probably means: if typeAhead is available, then the editable attribute of this drop-down list box must also be set to true.

typeAhead defaults to false, which seems to be set to true, so the solution is to set both attributes to false.

That is:

typeAhead:false,

editable:false

Hope it can help people in need.