Кендо Treeview не работает @Sharepoint Webpart? - PullRequest
Новая
       15

Кендо Treeview не работает @Sharepoint Webpart?

0 голосов
/ 19 февраля 2019

Я клонировал этот и заставил все это работать и показываться в веб-части Sharepoint.Мне нужно использовать Angular, и этот репозиторий является одной из самых последних рабочих версий.Теперь я хотел реализовать Kendo Treeview.Я установил его с помощью manual Setup, так как я использую AngularCli 1.7.4.Затем я скопировал все, что вы видите в примерах дерева.Так как я все еще использую репо, я добавил некоторые вещи, чтобы заставить его работать.Я получил app.component.ts: 

    import { Component, Input, ElementRef } from '@angular/core';
@Component({
    selector: 'app-root',
    template: `
    <kendo-treeview
        [nodes]="data"
        textField="text"
        kendoTreeViewExpandable
        kendoTreeViewSelectable
        kendoTreeViewHierarchyBinding
        childrenField="items"
    >
    </kendo-treeview>
  `
})
export class AppComponent {
    public data: any[] = [
        {
            text: 'Furniture', items: [
                { text: 'Tables & Chairs' },
                { text: 'Sofas' },
                { text: 'Occasional Furniture' }
            ]
        },
        {
            text: 'Decor', items: [
                { text: 'Bed Linen' },
                { text: 'Curtains & Blinds' },
                { text: 'Carpets' }
            ]
        }
    ];

    @Input() description = 'Angular';
  // title = 'Angular';
  constructor(elm: ElementRef) {
    this.description = elm.nativeElement.getAttribute('description');
    console.log('******COMPONENT******');
  }
}

Затем я изменил app.module.ts: 

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { TreeViewModule } from '@progress/kendo-angular-treeview';

import { AppComponent } from './app.component';

@NgModule({
  bootstrap:    [ AppComponent ],
  declarations: [ AppComponent ],
  imports:      [ BrowserModule, BrowserAnimationsModule, TreeViewModule]
})
export class AppModule { }

и, наконец, мой main.ts выглядит следующим образом: 

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';

enableProdMode();

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

Я ожидал, что древовидное представление будет отображаться, как в примере здесь , но оно показывает только два элемента узла "Мебель" и "Декор" без какой-либо функции.

Надеюсь, вы мне поможете!Заранее большое спасибо!Фанки

...