connect 2 form in 1 form

[samaremad]

hi everyone how are you?

i have 2 row each one of them have a link in side menu as you see

i want to remove voting link from menu and when i open group link and press on new group or edit existing records open form contain (form of group data and an icon when i press on it show the voting data that related to that group)

in another word i want both these forms show in one form (group form )

does anyone have an idea about how to do that?

[luongnv6]

protected getColumns() {
            var columns = super.getColumns();

            Q.first(columns, x => x.field == 'GroupName').format = ctx => {
                let item: GroupRow = ctx.item;
                return `<a href="#" class="view-edit-group">${item.GroupName}</a>`;
            }

            return columns;
        }

        protected onClick(e: JQueryEventObject, row: number, cell: number) {
            super.onClick(e, row, cell);

            if (e.isDefaultPrevented())
                return;

            var item = this.itemAt(row);
            var target = $(e.target);

            if (target.hasClass('view-edit-group')) {
                 let dlg = new GroupDialog();
                this.initDialog(dlg);
                dlg.loadByIdAndOpenDialog(item.GroupId);
            }
        }

hope help you

[samaremad]

i will added this code in group dialogue, right?

[luongnv6]

i'm sorry. it is VotingGrid

[samaremad]

thank you so much i will try it now and change the names and see what can i reach and tell you

[samaremad]

i get this error

and i edit code as the following

`
protected getColumns() {
var columns = super.getColumns();

        Q.first(columns, x => x.field == 'Title').format = ctx => {
            let item: VotingRow = ctx.item;
            return `<a href="#" class="view-edit-Voting">${item.Title}</a>`;
        }

        return columns;
    }

    protected onClick(e: JQueryEventObject, row: number, cell: number) {
        super.onClick(e, row, cell);

        if (e.isDefaultPrevented())
            return;

        var item = this.itemAt(row);
        var target = $(e.target);

        if (target.hasClass('view-edit-Voting')) {
            let dlg = new VotingDialog();
            this.initDialog(dlg);
            dlg.loadByIdAndOpenDialog(item.Id);
        }`

[samaremad]

this is a figure to describe what i need to do
this 1 form
but when you click on new icon the form will be like the figure in the right
how can i do that please help me