TreeList reload icon

2 posts, 0 answers
  1. Tiago
    Tiago avatar
    2 posts
    Member since:
    May 2015

    Posted 03 Jul 2015 Link to this post

    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

  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 07 Jul 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top