How to implement cascaded editors in the Popup Edit Form

This T334359  is for cascading columns in datagrid ,
I need to implement cascade for some drop-downs  in dx-form which is in dx-popup,
how I can implement that?

I need the code in angularjs.
Thanks

this is my table configuration:
editing: {
            mode:   "popup",
          allowAdding: true,
            allowUpdating: true,
            popup: {
                title: "xxx",
                showTitle: true,
                width: 700,
                height: 320,
                position: {
                    my: "top",
                    at: "top",
                    of: window
                }
            }
        },

I click on dxdatagrid row edit button(or add button, in both poup field cascadind drop-downs are not working),
and a popup form for edit is visible,
and I have row data in fields except the drop-down fields that are cascading and relating to each other.
how can I implement cascading in this case?
Thanks

Hi,

Please take a look at the How to implement cascading drop-down editors in dxForm ticket where we discussed a similar issue.

Hi,
I know how to implement drop down cascading in dxform,
I have a dxdatagrid :
1.onclick dxdatagridr row
2.I have a popup
3.there is a dx-form in popup:

html:
<div class="popup" dx-popup="addtrpopupOptions">
        <div data-options="dxTemplate : { name: 'content' } ">
            <div class="tnform" style="margin-top: 10px;" id='trrform1' dx-form="trform"></div>
        </div>
    </div>

angularjs:
this is my table configuration:
editing: {
            mode:   "popup",
          allowAdding: true,
            allowUpdating: true,
            popup: {
                title: "xxx",
                showTitle: true,
                width: 700,
                height: 320,
                position: {
                    my: "top",
                    at: "top",
                    of: window
                }
            }
        },
, {
                dataField: "deptno",
                caption: "Dept",
                lookup: {
                    showClearButton: true,
                    valueExpr: "merchandiseNo",
                    displayExpr: "description"
                }
            }, {
                dataField: "classno",
                caption: "Class",
                lookup: {
                    showClearButton: true,
                    valueExpr: "merchandiseNo",
                    displayExpr: "description",
                }
            },

this classno is depending on deptno.
how can I implement cascading in this situation?
I need to know it as soon as possible.
Thanks

UPDATE:
the first html part is not belong to this senario, just consider the table configuration .
Thanks

I need this as soon as possible,
Thanks

As far as I understand, you are using the Popup Edit form of dxDataGrid. If so, you can use the same approach as demonstrated in the dxDataGrid - How to implement cascading lookup columns example. It can be used with the Popup Edit form. Let us know if anything is missing in the example.

Thanks,
How can I have access and manipulate the default save button  in popup?
Is it possible to have other buttons in popup?
Thank you

I've created a separate ticket on your behalf (T550476: dxDataGrid - How to customize buttons in the Popup Edit Form). It has been placed in our processing queue and will be answered shortly.

Hi,
Nikolai,In this case  dxDataGrid - How to implement cascading lookup columns,
you are using datarow, but in my case there is no datarow , I need to cascade in popup(in forexample allowAdding: true,) as I explained.
Do you have any solution for that???
Thanks