Ext的Dom操作——创建节点

最新推荐文章于 2017-08-20 17:15:14 发布

代码摆渡人

最新推荐文章于 2017-08-20 17:15:14 发布

阅读量1.7k

点赞数

文章标签： ext stylesheet path html string function

本文链接：https://blog.csdn.net/huang_xw/article/details/7475375

版权

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>My JSP 'index.jsp' starting page</title>
		<link rel="stylesheet" type="text/css" href="ext3/resources/css/ext-all.css">
		<script type="text/javascript" src="<%=basePath%>/ext3/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="<%=basePath%>/ext3/ext-all.js"></script>
		<script type="text/javascript" src="<%=path%>/ext3/ext-lang-zh_CN.js"></script>
		<script type="text/javascript" src="<%=path%>/js/other/element/domcreate.js"></script>	
	</head>
	<body>
		<div id="elid">
			<div>elid子元素1</div>
			<div>elid子元素2</div>
			<div>elid子元素3</div>
		</div>
	</body>
</html>

Ext.onReady(function() {
	var dhConfig = {
		tag : 'p',
		cls : 'myCls',
		html : 'Hi I have replaced elid'
	}
	
	var el = Ext.get('elid');
	// 创建新的节点，放到'elid'里面, 加在最后面.
	el.createChild(dhConfig);
	// 创建新的节点，居el第一个子元素之前.
	el.createChild(dhConfig, el.first());
});