如何在 cshtml.cs 中获取列表

Question

I'm using a razor pages. I have on list of permissions, and this list have prop of treeview.

permissions.Add(new Paccess { id = "All", name = "Acesso Total", expanded = true, haschildren = true, ischecked = true });
permissions.Add(new Paccess { id = "G", name = "Geral", expanded = false, haschildren = false, ischecked = true, parent = "All" });
permissions.Add(new Paccess { id = "U", name = "Gestão de Utilizadores", expanded = false, haschildren = false, ischecked = true, parent = "All" });
permissions.Add(new Paccess { id = "E", name = "Gestão de Equipamentos", expanded = false, haschildren = false, ischecked = true, parent = "All" });

In my cshtml I have this treeView

<ejs-dialog id="default_dialog" isModal="true" width="500px" visible="false" showCloseIcon="true" header="Acessos">
    <e-content-template>
        <form method="post" style="padding:1em">
            <ejs-treeview id="listdata" name="permissions" TValue="Paccess" showCheckBox="true" nodeClicked="nodeCheck" autoCheck="true">
                <e-treeview-fields TValue="Paccess" dataSource="@Model.permissions" text="name" name="permissions" id="id" parentId="parent" hasChildren="haschildren" expanded="expanded" IsChecked="ischecked"></e-treeview-fields>
            </ejs-treeview>
            <button class="button special pull-right" asp-page-handler="Save">Teste</button>
        </form>                            
    </e-content-template>
</ejs-dialog>

I want, when I click in Teste, get the list in my cshtml.cs.

---

Paccess class:

public class Paccess 
{
    public string? id { get; set; } 
    public string? name { get; set; } 
    public bool haschildren { get; set; } 
    public string? parent { get; set; } 
    public bool expanded { get; set; } 
    public bool ischecked { get; set; } 
}

Answer 1

In TreeView, we have getTreeData method which will retrieve the updated data source of TreeView. If you pass the ID of TreeView node as arguments for this method, then it will return the updated data source of the corresponding node otherwise it will return the entire updated data source of TreeView. Check the below code snippet.

<button class="button special pull-right" id="normalbtn" asp-page-handler="Save">Teste</button>
...
document.getElementById('normalbtn').onclick = function () {
    var treeview = document.getElementById("listdata").ej2_instances[0];
    //Here you can get the updated datasource.
    var data = treeview.getTreeData();
}