如何根据html代码在特定位置添加extjs面板

我想创建一个EXT面板并添加到特定位置。地点是

以下是html代码的一部分：

<header>
            <h1><span>Project 2</span>Chat Group List</h1>
        </header>
        <div class= "group-list"></div>
        <div class= "form">
            <form id= "toolform" onsubmit= "">
                <input id="name" name="name" placeholder="group name or email" type="text">
                <input class="buttom" id="submit" name="submit" value="CreateGroup" type="button" onclick="creategroup();">
                <input class="buttom" id="submit" name="submit" value="DeleteGroup" type="button" onclick="deletegroup();">
                <input class="buttom" id="submit" name="submit" value="InviteMember" type="button" onclick="invite();">
            </form>
        </div>

项目2Chat组列表

我的问题是：ExtJS是否可以创建一个面板，并根据html代码将面板放置到指定的位置

是的

请参阅配置选项

new Ext.panel.Panel({
    width: 200,
    height: 200,
    title: 'Foo',
    renderTo: Ext.getBody().down('.group-list') // Grab the first element that matches .group-list
});