Toggle Swimlanes with Field added from JQuery

[Kavishka Subashana]

Hello,

When I add fields using this way. The toggle swimlane option is not working.

If I use fields like this way its working. Can I get a fix for this?

Other options are working fine, Cards are loading.

Thank you

[Indrajith Srinivasan]

Hi Kavishka,

Greetings from Syncfusion support,

Currently we are validating your reported query with your shared information, and we will update you the details on or before 2nd Feb 2023. Until then we appreciate your patience.

Regards,

Indrajith

[Vinitha Jeyakumar]

Hi Kavishka,

We have created a sample as per your use case scenario using Kanban. But we didn't face any issues as you reported. we can toggle the swimlanes without any issue. Please check the sample below for your reference.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplicationKanban-365157432

Can you please share us with the issue replicating entire code snippet or modify the attached sample with the issue reproducing code to validate further on our end.

Regards,

Vinitha

[Kavishka Subashana]

Hello,

I changed the sample like this way. Added the Kanban board control similar to my application. The cards wont load because somehow its now taking the jQuery code. Can you send me the fixed code similar to this without passing JSON DataSource in jQuery object?

https://drive.google.com/file/d/1TkO5-6FDae61w1pKngnim5ZWD3Wt0Evw/view?usp=share_link

Thank you.

[Vinitha Jeyakumar]

Hi Kavishka,

Currently, we are validating the queries you have reported. We will provide you with further details on or before 31st March 2023.

Regards,

Vinitha

[Vinitha Jeyakumar]

Hi Kavishka,

We modified the sample code you have shared by using setModel with Kanban instance to bind the columns and fields to the Kanban board in the created event. Please check the code below,

Code snippet:

 <ej:Kanban ID="KanbanBoard22" runat="server" KeyField="Status" AllowToggleColumn="true" >

          <ClientSideEvents Create="Created" />

               

 </ej:Kanban>
<script>

        function Created() {          

            var KanObj = $("#<%= KanbanBoard22.ClientID %>").data("ejKanban");

            KanObj.setModel({

                columns: [{

                    headerText: "Testing",

                    key: "Testing"

                }, {

                    headerText: "Validate",

                    key: "Validate"

                }, {

                    headerText: "Open",

                    key: "Open"

                }], keyField: "Status", fields: {

                    primaryKey: "Id",

                    content: "Summary",

                    swimlaneKey: "Assignee",

                    title: "Id"

                }

            })

           

        }

    </script>

Regards,

Vinitha