设置Ext.form.HtmlEditor默认源码编辑状态

        在处理Ext的HtmlEditor的时候，需要在表单初始化的时候就使用源码编辑，HtmlEditor控件没有提供默认的设置，提供了一个toggleSourceEdit方法来进行切换，但是单单执行该方法不起作用，所以我们需要通过控件的initialize事件来进行初始化处理，具体看代码：

{
								xtype : 'htmleditor',
								name : 'rparammap.content',
								enableAlignments :false,
								enableColors: true,
								enableFont : false,
								enableFontSize: true,
								enableFormat: true,
								enableLinks: true,
								enableLists : false,
								enableSourceEdit: true,
								width:444,
								height:150,
								allowBlank:false,
								fieldLabel : '',
								listeners:{
									initialize : function (h){
										var btn = this.tb.items.get('sourceedit'); 
                                     	btn.toggle(true);
                                     	this.toggleSourceEdit(true);
									}
								}
							}

主要是这段代码：

var btn = this.tb.items.get('sourceedit'); 
                                     	btn.toggle(true);
                                     	this.toggleSourceEdit(true);

这样初始化控件的时候就可以切换到源码状态了。

评论

2 楼 lym6520 2012-08-21  

xyc717 写道

楼主您好，我用你这段代码在火狐里面没问题，但是在IE里面试了试，不知道为啥，有了这段代码，焦点始终在HTMLEDITOR中，由于我的表单panel很长，htmlEditor在下面，这个页面一打开就到了htmleditor那个位置，想拖动滚动周向上，就是上不去，自己又回来了

你看下是不是initialize 事件引起的，理论上initialize只在控件第一次初始化的时候执行。
debugger跟踪看看，如果是这个事件引起的，可以执行完后remove掉。

1 楼 xyc717 2012-08-21  

楼主您好，我用你这段代码在火狐里面没问题，但是在IE里面试了试，不知道为啥，有了这段代码，焦点始终在HTMLEDITOR中，由于我的表单panel很长，htmlEditor在下面，这个页面一打开就到了htmleditor那个位置，想拖动滚动周向上，就是上不去，自己又回来了