Listeners in usercontrol doesn't work when load in main page.

in my usercontrol

Code:

---

<Listeners>
              <Command Handler="if (command === 'Edit') { SepanoApp.addTab(record.data.PostId); }" />
</Listeners>

---

in my main page

Code:

---

<Items>
          <ext:UserControlLoader ID="UserControlLoader1" runat="server" Path="~/Views/ShowPosts.ascx" />
</Items>

---

my java script function

Code:

---

var SepanoApp = {
    addTab: function (title) {
        var tabPnl = App.TabPanel1;
        App.direct.Divide(title,
            {
                Success: function (result) {
                    tabPnl.items.add(result);
                },
                eventMask: { showMask: true }
            });
    }
};

---

my Direct Method

Code:

---

[DirectMethod]
        public static Panel Divide(int postId)
        {
            var pnlEditPost = new Panel
            {
                ID = postId.ToString(),
                Icon = Icon.BookEdit,
                BodyStyle = "background-color: transparent;",
                Layout = "Fit"
            };
            var portal = new Portal
            {
                Border = false,
                BodyStyle = "background-color: transparent;",
            };
            var portlet = new Portlet
            {
                Items =
                    {
                        new UserControlLoader
                        {
                            Path = "~/Views/EditPost.ascx"
                        }
                    }
            };
            portal.Items.Add(portlet);
            pnlEditPost.Items.Add(portal);
            return pnlEditPost;
        }

---