collaps or expand Swimlanes

[Franz Bichlmaier]

I use the Kanban control to assign tasks to teammembers. The name of the teammember is the keyfield in the KanbanSwimlaneSettings.

When the page is rendered for the fist time, I would like to collapse all swimlanes except the swimlane of the current user. Is this

[Vinitha Jeyakumar]

Hi Franz,

Your requirement to collapse all the swimlanes except the swimlane of the current user can be achieved by using the JsInterop in Blazor. Please check the code and sample below,

Code snippet:

    public string currentUser { get; set; }

    protected override async Task OnAfterRenderAsync(bool firstRender)

    {

        currentUser = "Nancy Davloio";

        if (firstRender)

        {

            // here need to passs your current user's keyField

            await jsRuntime.InvokeAsync<object>("CalledJSFunctionWithParameter", currentUser);  

        }

    }

Layout.cshtml:

function CalledJSFunctionWithParameter(name) {  

            for (var i = 0; i < document.querySelectorAll('.e-swimlane-header .e-item-count').length; i++) {

                  if(document.querySelectorAll('.e-swimlane-row')[i].getAttribute("data-key") != name){            

                     document.querySelectorAll('.e-swimlane-header')[i].querySelector('.e-icons').click();

                }      

            }

        }  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/KanbanServer-401642757

If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.

Regards,

Vinitha

[Franz Bichlmaier]

Thank you. 

It works as expected.

[Vinitha Jeyakumar]

Hi Franz,

We are glad to assist you.

Regards,

Vinitha