Dropdown did not show any data at Card Edit Dialog

Hi,

I have kanban board with property that I want to show:

        public class KanbanTask
        {
            public int Id { get; set; }
            public string? Status { get; set; }
            public string? Priority { get; set; }
            public string? Title { get; set; }
            public string? Number { get; set; }
            public string? Summary { get; set; }
            public string? ProgramResource { get; set; }
            public int ProgramResourceId { get; set; }
        }

The other field is shown, except for the Priority field:

The data is already there:

and below are my kanban dialog settings:

    <script>


        document.addEventListener('DOMContentLoaded', function () {


            setFormCardHeight();


            var dataManager = new ej.data.DataManager({
                url: '/api/ProgramBoard/KanbanGet',
                updateUrl: '/api/ProgramBoard/KanbanUpdate',
                insertUrl: '/api/ProgramBoard/KanbanInsert',
                removeUrl: '/api/ProgramBoard/KanbanDelete',
                adaptor: new ej.data.UrlAdaptor(),
            });


            var kanbanObj = new ej.kanban.Kanban({
                dataSource: dataManager,
                width: 'auto',
                height: 'auto',
                enableTooltip: true,
                keyField: 'status',
                columns: [
                    { headerText: 'Draft', keyField: 'Draft', template: '#headerTemplate', allowToggle: true },
                    { headerText: 'Confirmed', keyField: 'Confirmed', template: '#headerTemplate', allowToggle: true },
                    { headerText: 'OnProgress', keyField: 'OnProgress', template: '#headerTemplate', allowToggle: true },
                    { headerText: 'Done', keyField: 'Done', template: '#headerTemplate', allowToggle: true },
                    { headerText: 'Cancelled', keyField: 'Cancelled', template: '#headerTemplate', allowToggle: true, isExpanded: false }
                ],
                cardSettings: {
                    headerField: 'title',
                    template: '#cardTemplate',
                    selectionType: 'Multiple',
                },
                swimlaneSettings: {
                    keyField: 'programResource',
                },
                allowDragAndDrop: true,
                sortSettings: {
                    sortBy: 'Custom',
                    field: 'number',
                    direction: 'Descending'
                },
                dialogSettings: {
                    fields: [
                        { key: 'title', text: 'Title', type: 'TextBox' },
                        { key: 'programResource', text: 'Resource', type: 'DropDown', validationRules: { required: true } },
                        { key: 'summary', text: 'Summary', type: 'TextArea' },
                        { key: 'status', text: 'Status', type: 'DropDown' },
                        { key: 'priority', text: 'Priority', type: 'DropDown' },
                    ]
                },
                cardRendered: function (args) {
                    ej.base.addClass([args.element], args.data.priority);
                }
            });
            kanbanObj.appendTo('#Kanban');
        });
    </script>

Are there any configuration I missed? the goal is how to make dropdown data shown for field Priority?

Best regards,

Ismail H