Tutorial by Examples: p

This example will demonstrate the searchable select box in MVC. it uses Ajax to get all records from database as user types the new character. I'll consider Country and its City example to illustrate the functionality of Searchable dropdown box. Code behind is c# with MVC, but its easy to grasp wh...

Open Visual Studio and select File Menu -> Open -> Project Next, select Solution File from project folder Project files will be shown in Solution Explorer.

If one needs related data in a denormalized type, or e.g. only a subset of columns one can use projection queries. If there is no reason for using an extra type, there is the possibility to join the values into an anonymous type. var dbContext = new MyDbContext(); var denormalizedType = from compa...

Visual Studio Community 2017 Free, fully-featured IDE for students, open-source and individual developer Visual Studio Professional 2017 Professional developer tools, services, and subscription benefits for small teams Visual Studio Enterprise 2017 End-to-end solution to meet demand...

Proxy object is often used to ensure guarded access to another object, which internal business logic we don't want to pollute with safety requirements. Suppose we'd like to guarantee that only user of specific permissions can access resource. Proxy definition: (it ensure that only users which actu...

Detailed instructions on getting google-play set up or installed.

You can do more than just print text. print also has several parameters to help you. Argument sep: place a string between arguments. Do you need to print a list of words separated by a comma or some other string? >>> print('apples','bannas', 'cherries', sep=', ') apple, bannas, cherries...

Excel specifications and limits (Excel 2016-2013, Excel 2010, Excel 2007)

This example will be how to install from master and will be using @angular/cli as well. Make a new project with @angular/cli: ng new my-master-app If you haven't installed @angular/cli, use this command: npm install -g @angular/cli Install from master: npm install --save @angular/a...

{ "title": "Person", "type": "object", "properties": { "firstName": { "type": "string" }, "lastName": { "type": "string" ...

service.ts: import { Injectable } from '@angular/core'; @Injectable() export class AppState { public mylist = []; } parent.component.ts: import {Component} from '@angular/core'; import { AppState } from './shared.service'; @Component({ selector: 'parent-example', templ...

parent.component.ts: import {Component} from '@angular/core'; @Component({ selector: 'parent-example', templateUrl: 'parent.component.html', }) export class ParentComponent { mylistFromParent = []; add() { this.mylistFromParent.push({"itemName":"Something&...

event-emitter.component.ts import { Component, OnInit, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'event-emitting-child-component', template: `<div *ngFor="let item of data"> <div (click)="select(item)"> ...

shared.service.ts: import { Injectable } from '@angular/core'; import { Headers, Http } from '@angular/http'; import 'rxjs/add/operator/toPromise'; import { Observable } from 'rxjs/Observable'; import { Observable } from 'rxjs/Rx'; import {Subject} from 'rxjs/Subject'; @Injectable(...

Theme: A theme is required for material components to work properly within the application. Angular Material 2 provides four prebuilt themes: deeppurple-amber indigo-pink pink-bluegrey purple-green If you are using Angular CLI, you can import one of the prebuilt themes in style.css. @i...

If you have your data with each month of data arranged in rows like so: start by creating quarterly sums in the adjacent columns, D & E in our example. Start with the third row in the new column or the first quarter you want to create, in this example we'll use March 31st (2000-03-31). Use t...

Given a pipe that reverse a string import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'reverse' }) export class ReversePipe implements PipeTransform { transform(value: string): string { return value.split('').reverse().join(''); } } It can be tested configuring th...

To create a component we add @Component decorator in a class passing some parameters: providers: Resources that will be injected into the component constructor selector: The query selector that will find the element in the HTML and replace by the component styles: Inline styles. NOTE: DO NOT us...

Templates are HTML files that may contain logic. You can specify a template in two ways: Passing template as a file path @Component({ templateUrl: 'hero.component.html', }) Passing a template as an inline code @Component({ template: `<div>My template here</div>`, }) Tem...

hero.component.html <form (ngSubmit)="submit($event)" [formGroup]="form" novalidate> <input type="text" formControlName="name" /> <button type="submit">Show hero name</button> </form> hero.component.ts import...