1、打开Ext Designer,新建一个项目;


2、在Containers中按着Panel(面板)拖到设计面板上,设置相应的属性;


3、在Standard中拖出Label(标签)到设计板上,并设置相应的属性;


4、找到Form Fields,从中拖出Text Field(文本域),设置相应的属性,设计图如下:

用Ext Designer生成代码(Panel+Label+Text Field)


5、点击“生成/导出代码”,出现如下图:

用Ext Designer生成代码(Panel+Label+Text Field)


6、点击组件树,会出来自动生成的代码:

用Ext Designer生成代码(Panel+Label+Text Field)


相关文章: