高分求Extjs中如何动态控制textfield的可编辑性质

Question

{                    
                    text: '编辑',
                    cls: 'x-btn-text-icon details',icon:"images/plugin.gif",
                    handler: function()
                    {
                        Ext.getCmp("txt_xin").getEl().dom.disabled = false;
                        Ext.getCmp("txt_ming").getEl().dom.disabled = false; 
                        Ext.getCmp("txt_En").getEl().dom.disabled = false;
                        Ext.getCmp("txt_shengri").getEl().dom.disabled = false;                         
                        Ext.getCmp("txt_age").getEl().dom.disabled = false; 
    
                    }
                }
为什么我这样写的他没有效果啊，我是新手所以不懂。。我调试它值还是变了。 可是页面上没有反应。
能不能哪位高手给个实例之类的。。 能不能有哪位高手告诉小妹用什么工具能编辑Extjs的文件啊。就是可以直接点出他的属性和方法什么的。。顺便问问。我在panel里面加个了FormPanel和GridPanel，
可是上面FormPanel的宽度不受控制。而且不可以放到GridPanel下面只能在上面。谢谢了！！ 

Answer 1

setVisible();
setDisabled();
好象有吧.

Answer 2

第一个问题我已经解决了。 请大虾们帮帮我教教我布局的我问题。。 我就是想让GridPanel上面有点文本框之类的进行搜索。 下面有点可以进行编辑修改信息。 不想用弹出框的。  因为需要在编辑或是添加的时候进行切换panel控件像切换浏览器卡样的。。

Answer 3

setDisabled(true);
setDisabled(false)