Skip to main content

Posts

Showing posts with the label Angular 2 date format

Kendo UI Angular 2 Grid Filter [How To]

“How To Use Kendo UI Grid with Angular 2 ”? The Kendo UI Grid is used to displays data in a tabular format and provides a full configurations options and the following example of Kendo Grid as given below, Stayed Informed – Live PLUNKER Demo Link Stayed Informed –  Angular 2 Tutorials and Examples Example as Source code as, Angular 2 Component source as, import { Component } from '@angular/core' ; import { products } from './products' ; @ Component({ selector : 'my-app' , template : ` < kendo - grid [data] = "gridData" [height] = "370" > < kendo - grid - column field = "ProductID" title = "ID" width = "40" > < /kendo-grid-column> < kendo - grid - column field = "ProductName" title = "Name" width = "250" > < /kendo-grid-column> < kend...

How to Create Angular 2 Treeview Components [Checkbox/Dropdown]?

“ How to Create Treeview  components  in Angular 2 ”? “ How to ”, “ When to ”? In this section, I am going to share the checkable dropdown, checkbox "Treeview" components with multiple selections and de-selections also using “ Angular 2” [ ng2-dropdown-treeview ]. This is a dependency; we will need to install it. If the “ NPM ” installations in installed, we need to import in our main module in the Apps. Installation : - [npm install --save ng2-dropdown-treeview] For example to import “installed namespace”, //import our root components import { Component, NgModule } from '@angular/core' ; import { BrowserModule } from '@angular/platform-browser' ; import { DropdownTreeviewModule, DropdownTreeviewConfig, TreeItem } from 'ng2-dropdown-treeview' ; //My Component and Templates @ Component({ selector : 'my-app' , template : ` < div id = "main-temp" > < h2 > Example, Angular 2 drop...