rendertoçä½ç¨ï¼æææ§ä»¶è¦æ¸²æçèç¹çï¼æ¯ä¸ä¸ªæ§ä»¶é½è¦ææ该æ§ä»¶éè¦æ¸²æå°åªä¸ä¸ªDOMèç¹ã
ããrenderToç使ç¨ï¼
ãã1ãå¯ä»¥æelé
ç½®é项ã
ãã2ãå¦ææelé
ç½®é项ï¼åå
¶æåçelå
ç´ å
å½äºæ¨¡æ¿ï¼å¹¶ä¸å¿
é¡»åå¨ã
ãã3ãrenderToææåçelå
ç´ å°ä½ä¸ºå¯¹è±¡æ¸²æçå
¥å£ï¼å³renderæ产ççhtml代ç å°ä½ä¸ºrenderToææåçelå
ç´ çåèç¹ã
ãã4ãå¦ææelé
ç½®é项ï¼é£ä¹renderä¼å°elé
ç½®é项ææåçelå
ç´ ä½ä¸ºæ¨¡æ¿ç¶å产çhtml代ç ä½ä¸ºrenderToææåçelå
ç´ çåèç¹ã
ãã5ã示ä¾ä»£ç ï¼ã
ã<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
ãã<html>
ãã<head>
ãã<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
ãã<title>applyToä¸renderToçåºå«</title>
ãã<link rel="stylesheet" type="text/css" href="../scripts/ext/resources/css/ext-all.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">
ããExt.onReady(function(){
ããvar _panel = new Ext.Panel({
ããtitle:"个人信æ¯", //titleä¿¡æ¯
ããwidth:300, //å®ä¹å®½
ããheight:300, //å®ä¹é«
ããframe:true,
ããel:"elId",
ããrenderTo:"appConId" //renderTo çID
ãã});
ãã});
ãã</script>
ãã</head>
ãã<body>
ãã<div id="appId" style="padding:30px;width:500px;height:400px;background-color: blue;">
ãã<div id="appConId" style="width:400px;height:400px;background-color:green;"></div>
ãã</div>
ãã<div id="elId" style="width:500px;height:400px;background-color:red;">
ãã</div>
ãã</body>
ãã</html>
温馨提示:答案为网友推荐,仅供参考