ExtJS Form表单显示问题

ExtJS的表单FormPanel很好用，但在显示时经常会出现问题，特别在FF和IE下经常出现不一致的问题。

 

举例来说

 

1)使用表单时，经常不会使用默认的布局form，而使用column, anchor或table等。

但form布局对field有特别的处理，比如会创建字段Label， 创建用户显示错误状态的div。这时，如果使用了其它布局，会导致一些功能不能使用。

 

解决的方法，通常我会把field放置在一个布局为form的panel中，这时field就会有完整的功能。

 

2)对于Field Label，在IE和FF下显示不同。如果Filed设置了fieldLabel属性，而对应的formPanel设置了hideLabel为true时，即设置了字段名称但不显示。在IE下使用时，当field获得焦点后，会发现输入框向右移了2~3象素。

 

解决的方法是不设置字段的fieldLabel属性即可。

 

 

 

 

3)在formPanel经常要使用到Button，但无论使用哪个布局时，直接把button作为item加到表单中时会出错。目前还没有专门去查找原因，但解决的方法是用Panel把button包起来。