ExtJs 学习小笔记之富文本框

xiaoyeshen · 2014-09-15 20:36 · 1202次阅读

Ext 有封装富文本输入框, 比较简单的一种, 一段小代码:

Ext.onReady(function(){
	var mhtml = new Ext.form.HtmlEditor({
		id:'testEditor',
		value: 'Now I`m learning the ExtJs...'
	});
	var form = new Ext.form.FormPanel({
		layout:form,
		items:mhtml
	});
	var window = new Ext.Window({
		title:'富文本输入',
		width:520,
		height:350,
		plain:true,
        items:form,
        buttons : [{
			type : 'submit',
			text : '保存',
			icon:'resources/images/default/tree/drop-yes.gif',
			iconAlign:'left',
			handler : function() {
				Ext.Msg.alert('保存','保存的内容为:' + Ext.getCmp('testEditor').getValue());
			}
		},{
			type : 'reset',
			text : '重置',
			icon:'resources/images/yourtheme/grid/refresh.gif',
			iconAlign:'left',
			handler : function() {
				form.form.reset();
			}
		}]
	});
	
	window.show();
})
收藏

暂无评论

登录后可以进行评论。没有账号?马上注册