ExtJs之Ext.core.DomHelper.append

最新推荐文章于 2018-07-24 13:14:37 发布

weixin_34302561

最新推荐文章于 2018-07-24 13:14:37 发布

阅读量80

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/45176

本文介绍了一个使用 ExtJs 框架进行 Web 应用开发的例子，展示了如何创建面板并在页面加载完成后动态地向指定元素内部追加文本内容。此示例涵盖了 HTML、CSS 样式及 JavaScript 的基本应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>

<html>

<head>

    <title>ExtJs</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">

        <script type="text/javascript" src="ExtJs/ext-all.js"></script>

        <script type="text/javascript" src="ExtJs/bootstrap.js"></script>

        <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
 
    <script type="text/javascript">

            Ext.onReady(function(){

        var panel = new Ext.Panel({

          title: 'SAMPLE',

          renderTo: 'sub1',

          width: '300px',

          html: '<div id="div1" style="height:160px;padding:5px">原文本</div>'

        });

        Ext.core.DomHelper.append(Ext.get("div1"), "<br>新追加了文本", true);

      });

    </script>

</head>

<body>

<div id=sub1></div>

</body>

</html>