js文件:
Ext.onReady(function() {
Ext.QuickTips.init();
var form = new Ext.form.FormPanel({
labelAlign: 'right',
labelWidth: 50,
width: 600,
frame: true,
items: [{
layout: 'form',
labelAlign: 'top',
items: [{
xtype: 'htmleditor',
fieldLabel: '在线编辑器',
id: 'editor',
anchor: '100%'
}]
}],
buttons: [{
text: '保存'
},{
text: '读取'
},{
text: '取消'
}]
});
var win = new Ext.Window({
title:'在线咨询',
el:'win',
width:850,
height:600,
maximizable:true, // 最大化按钮
closable:true, // 关闭按钮
minimizable:true, // 最小化按钮
layout:'fit',
items:[form]
});
win.show();
var field = new Ext.form.HtmlEditor();
});
jsp页面:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>在线咨询</title>
<link rel="stylesheet" type="text/css" href="../scripts/ext/resources/css/ext-all.css" />
<link href="../scripts/ext/resources/css/ext-extend.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../scripts/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../scripts/ext/ext-all.js"></script>
<script type="text/javascript" src="../scripts/ext/ext-fun.js"></script>
<script type="text/javascript" src="../js/OnlineConsult.js"></script>
</head>
<body>
<dir id="win"></dir>
</body>
</html>
结果如下:
