How can I use Kanban with foreign Keys?

I have this in the controller
 
public ActionResult DataSource()
        {
            var DataSource = _context.Intakes.Include(f => f.FkStatus).ToList();
            return Json(DataSource);
        }

And this in the view

<ejs-kanban id="Kanban" keyField="FkStatus.Status">
            <e-data-manager url="/Intakes/DataSource" crudUrl="/Intakes/UpdateData" adaptor="UrlAdaptor" crossdomain="true"></e-data-manager>
            <e-kanban-columns>
                <e-kanban-column headerText="Gathering Docs" keyField="Open"></e-kanban-column>
                <e-kanban-column headerText="Processing" keyField="Processing"></e-kanban-column>
                <e-kanban-column headerText="Closed" keyField="Closed"></e-kanban-column>
            </e-kanban-columns>
            <e-kanban-cardsettings headerField="FkStatus.Category" contentField="FkStatus.Description"></e-kanban-cardsettings>
</ejs-kanban>

Question:
How can I use Kanban with foreign Keys?


1 Reply 1 reply marked as answer

HB Hareesh Balasubramanian Syncfusion Team October 5, 2020 10:38 AM UTC

Hi Heissel, 

Greetings from Syncfusion Support..! 

We have validated your shared query “How can I use Kanban with foreign Keys?” at our end. And currently, we have the option to map the key field of columns only, not to header text. Because, column key is a vital role in drag and drops, editing operation multiple-column key binding, and many other functionalities in Kanban board. Also, we don't have editing support to customize the header text with the foreign key values. As per the current structure, column foreign value is not feasible to achieve for header text. We suggest you can use programmatically assign foreign key into columns headerText and key value. 

And If we misunderstand your requirement, kindly let us know more details about the use case scenario/Kanban rendering code snippets/video demo/image of your requirements for the better serve. 

We will happy to assist you. 

Regards, 
Hareesh 


Marked as answer
Loader.
Up arrow icon