extjs - HTMLコードに従って特定の位置にextjsパネルを追加する方法

Question

EXT パネルを作成し、特定の位置に追加したいと思います。場所は<div class= "group-list"></div>です。
以下は 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>

私の質問は次のとおりです。ext jsがパネルを作成し、htmlコードに従ってパネルを指定された位置に配置することは可能ですか?