利用Panel的mask()方法。
这种取巧的方法跟我的另一篇文章“Ext FieldSet 布局”(http://fireinjava.iteye.com/admin/blogs/501592)有点类似。
效果:
Ext.onReady(function() { Ext.QuickTips.init(); var htmlEditor = new Ext.form.HtmlEditor({ fieldLabel : '在线编辑器', name : 'htmlEditor', height : 100, width : 400, fontFamilies : ['宋体', '黑体'], value : '333333' }); var p1 = new Ext.Panel({ layout : 'fit', width : 300, items : [htmlEditor] }); var formPanel = new Ext.form.FormPanel({ border : false, formId : 'addForm', labelAlign : 'right', frame : true, labelAlign : 'right', labelWidth : 150, items : [p1] }); var viewport = new Ext.Viewport({ layout : 'fit', items : [formPanel] }); p1.getEl().mask();//给htmlEditor的父容器设置遮罩 })