TreeList reload icon

[Tiago]

Hello,

 I'm trying to add the ability for the user to refresh manually the tree list view. I was able to display the reload icon on others telerik controls but can't find the way to do it on a tree list.

Code:

@(Html.Kendo().TreeList<Document>()
                        .Name("sharepointdocumentviewertreelist")
                        .Columns(columns =>
                        {
                            columns.Add().Field(e => e.Title).Width(180).TemplateId("documenttitle-template");
                            columns.Add().Field(e => e.SPItemId).Width(20).Hidden(true);
                            if (Model.showTaskIDColumn)
                            {
                                columns.Add().Field(c => c.TaskID).Width(30).Title("Task ID").Hidden(true);
                            }
                            columns.Add().Field(c => c.EmailFrom).Width(65).Hidden(false);
                            columns.Add().Field(c => c.ExchangeReceivedTime).Width(40).Template("#=kendo.toString(kendo.parseDate(data.ExchangeReceivedTime, 'yyyy-MM-dd'), 'dd/MM/yyyy') #").Title("Received").Hidden(false);
                            columns.Add().Field(c => c.EmailTo).Width(75).Hidden(true);
                            columns.Add().Field(c => c.LinkToItem).Width(190).Hidden(true);
                            columns.Add().Field(c => c.EmailId).Width(190).Hidden(true);
                            columns.Add().Field(c => c.IsParentEmail).Hidden(true);
                            columns.Add().Field(c => c.EmailBody).Hidden(true);
                            columns.Add().Field(c => c.DocumentType).Hidden(true);
                            columns.Add().Field(c => c.FileNoteId).Hidden(true);
                        })
                        .Filterable()
                        .Sortable()
                        .Selectable(true)
                        .Scrollable(true)
                        .Events(events =>
                        {
                            events.Change("SharepointDocumentViewerTreelistOnChange").DataBound("DocViewerDataBound");
                        })
                        .DataSource(dataSource => dataSource
                            .Read(read => read.Action("GetDocumentsMetadata", "Documents", new RouteValueDictionary(){
                                { "spItemId", Model.spItemID }, { "emailID", Model.emailID }, { "caseID", Model.caseID }}))
                            .ServerOperation(false)
                            .Model(m =>
                            {
                                m.Id(f => f.SPItemId);
                                m.ParentId(f => f.ParentSPItemID);
                                m.Field(f => f.FileType);
                                m.Field(f => f.Title);
                            })
                        )
                        .Height(200)
                    )

 

Thanks in advance,

Tiago

[Dimo]

Hello Tiago,

Use the kendo.ui.progress() method with the .k-grid-content element inside the TreeList.

http://docs.telerik.com/kendo-ui/api/javascript/ui/ui#methods-progress

kendo.ui.progress($("#TreeListID .k-grid-content"), true);

// ...

kendo.ui.progress($("#TreeListID .k-grid-content"), false);

Regards,
Dimo
Telerik