primeng

问题 I'm having a problem getting PrimeNG DataTable to render properly on my web app. Currently, the display looks like this... in my package.json dependencies section looks like this "dependencies": { "@angular/common": "2.0.0", "@angular/compiler": "2.0.0", "@angular/core": "2.0.0", "@angular/forms": "2.0.0", "@angular/http": "2.0.0", "@angular/platform-browser": "2.0.0", "@angular/platform-browser-dynamic": "2.0.0", "@angular/router": "3.0.0", "@angular/upgrade": "2.0.0", "@angular2-material

问题 I'm learning Angular. I'm working on a project. I decided to add a <p-calendar> component from primeng . I installed the packages also. The versions were: "primeicons": "^2.0.0", "primeng": "^5.2.7", I was getting everything perfectly. See this: But now when I want to get months only. I wanted to change it to month picker. After doing some research I came to know that month only picker is not available in primeng: ^5.2.7 . So i upgraded to: "primeicons": "^2.0.0", "primeng": "6.1.6", and I

问题 CONTEXT I use Prime-ng Datatable module in my Angular project. I have 7 columns like shown below in my datatable. The data shows very well in browser PROBLEM I can't use [globalFilter] . When I try to do a search, the result in my datatable is always displayed as "No records found". It's like the Global filter can't reach the data in my <ng-template> . APP.COMPONENT.HTML <!-- language: lang-html --> <div> <input #gb type="text" pInputText size="50" placeholder="Global Filter"> </div> <p

问题 I have followed many tutorials, but as of yet, I did not manage to make PrimeNG's Editor module to show up! (Other modules like Toast or buttons are working fine, it's only Editor that is not working). So here is what I did: Import module in app.module.ts import { EditorModule } from 'primeng/editor'; Installed packages npm install quill --save npm install @types/quill --save Updated angular-cli.json "styles": [ "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill

问题 I am using new PrimengV7 p-table I want export the table, So my code is <p-header> <div class="pull-right" *ngIf="collapsed"> <a href="javascript:void(0)" (click)="dt.exportCSV()" class="icon-export" title="Export"></a> </div> </p-header> <p-table class="ui-datatable" #dt [value]="rmanReconSosrcToBkingsRepList" selectionMode="single" [(selection)]="selectedEmployees" (onRowSelect)="onRowSelect($event)" (onLazyLoad)="getRmanReconSosrcToBkingsRep($event)" [lazy]="true" [paginator]="true" [rows]

问题 I'm currently testing primeng with angular 2 and I want to create a simple menu. Here my code : import {Component, OnInit} from '@angular/core'; import {Menu, MenuItem} from 'primeng/primeng'; @Component({ templateUrl: 'app/salaries/menudroite.html', selector: 'menu-droite', providers: [], directives: [Menu] }) export class menuDroiteComponent implements OnInit { private items: MenuItem[]; ngOnInit() { this.items = [{ label: 'File', items: [ {label: 'New', icon: 'fa-plus'}, {label: 'Open',

问题 Following the guide: https://www.primefaces.org/primeng/ I have tried to install PrimeNG to use with Angular4, following the steps detailed above, but I get the error: 'p-dropdown' is not a known element: I tried to rebuild the projects, as suggested in other posts, but it did not work for me. Any hints? Here are all the details: -- PrimeNg Installation npm install primeng --save -- file: testdropdown.component.html <p-dropdown [options]="cities" [(ngModel)]="selectedCity"></p-dropdown> --

问题 I have a calender and I want to disiable a certain date eg 10/7/2018, I am using p-calendar Here is what I have done so far <p-calendar formControlName="date" [inline]="true" [disabledDays]="[10]" [minDate]="minimumDate" tabindex="0"> <ng-template pTemplate="date" let-date> <span [ngStyle]="{backgroundColor: (date.day ==10) ? '#7cc67c' : 'inherit'}" style="border-radius:50%">{{date.day}}</span> </ng-template> </p-calendar> This does not work , What is wrong with my code? 回答1: You're using

问题 I'm getting a error on the click event of the Tree component of PrimeNG. I've followed everything as it is explained in the docs ( https://www.primefaces.org/primeng/#/tree). Worked just fine, except the click event. It doesn't drop the content.. - ERROR TypeError: eventTarget.className.indexOf is not a function - Screenshot Service: getFiles() { let url = "https://raw.githubusercontent.com/primefaces/primeng/master/src/assets/showcase/data/files.json"; return this.http.get(url) .toPromise()

问题 I have a JSON format and I am using primeng and want to use it a tree table structure (Html file). JSON: { brinname: "Aamir", aantalPersonen: "122", signalenVestiging: [ { vestiging: "Ranchi", aantalPersonen: "102", signalenCode: [ { signaalCode: "4", aantalPersonen: "15" }, { signaalCode: "5", aantalPersonen: "15" } ] }, { vestiging: "Bangalore", aantalPersonen: "82", signalenCode: [ { signaalCode: "6", aantalPersonen: "15" }, { signaalCode: "7", aantalPersonen: "15" } ] } ] }, { brinname: