javascript - 在Extjs中的页面加载上隐藏文本字段上的光标

Question

我正在做一个ExtJS项目。我有一个textfiled- 姓氏。当我打开页面时，它会在textfield.

预期是 - 光标应该只在我单击文本框时出现，而不是在页面加载时自动出现。

这是代码

 {
     xtype: 'textfield',
     name: 'lastName',
     //hasFocus : false,
     //readOnly : true, 
     //editable : false,

     id: 'patientSearchLastName',
     msgTarget: 'side',
     enableKeyEvents: true,
     fieldLabel: 'LAST NAME <span style="color:g">*</span>',
     labelAlign: 'top',
     fieldStyle: "font: bold 12px sans-serif;background:#fff;color:#444;",
     padding: 8,

     validator: function(value) {
         var isRequired = me.oneFieldRequired();
         if (typeof isRequired === "string")
             return isRequired;
         return me.validateName(value);
     },
     listeners: {

         specialkey: keyEnterListner,
         keyup: function(thisEl, e, eOpts) {
             me.validateFields(['firstName', 'identifierValue']);
         },
         blur: function(thisEl, e, eOpts) {
             me.validateFields(['firstName', 'identifierValue']);
         }
     }
 }

我努力了

hasFocus : false,
readOnly : true,
editable : false,

这些都不起作用，我该怎么办？

Answer 1

你可以试试hasFocus，editable还是readOnly在afterrender活动中？

afterrender: function (obj) {
    // try here
}