return request.Headers["X-Requested-With"] == "XMLHttpRequest";
<div>
<label>تصویر</label>
<div>
<input id="picture" type="file" data-buttonText="انتخاب تصویر">
</div>
</div>
<div>
<label>کد ملی</label>
<div>
<input id="txtNationalCode" required="" maxlength="10" type="text">
</div>
</div>
<div>
<label>نام</label>
<div>
<input id="txtName" type="text" maxlength="50" required="">
</div>
</div>
<div class="form-group">
<div class="col-sm-4 col-sm-offset-2">
<button class="btn btn-primary" id="btnSubmit" type="submit">ذخیره</button>
<button class="btn btn-white" id="btnClear" type="submit">لغو</button>
</div>
</div> var formData = new FormData();
formData.append('FirstName', $("#txtName").val());
formData.append('NationalCode', $("#txtNationalCode").val());
jQuery.each($('#picture')[0].files, function (i, file) {
formData.append('picture-'+i, file);
});
$.ajax({
type: "POST",
dataType: "json",
url: address,
data: formData,
success:
function (data) {
//.....
},
error:
function (data) {
//......
}
}); 
<input id="pickDate" type="text"/>
<script type="text/javascript">
$(function() {
$("#pickDate").kendoDatePicker();
});
</script> @(Html.Kendo().DatePicker().Name("pickDate")) @(Html.Kendo().DatePickerFor(m => m.HireDate).Name("pickDate1")) // BUGBUG: I'm sure these GUIDs are defined somewhere but I'm not sure which library contains them, so defining them here.
DEFINE_GUID(IID_IFoo, 0x12345678,0x1234,0x1234,0x12,0x12,0x12,0x12,0x12,0x12,0x12,0x12); Tools>Options>Environment>Task List
در لیست پایینی که بخش فیلترهاست، میتوانید یک فیلتر را تعریف کنید تا بر اساس این فیلتر مشخص کنید که چه todo هایی نمایش یابند. برای فیلتر کردن در در پنل todo، در نوار ابزار، آیکن قیفی شکل را کلیک کند تا لیست فیلترها نمایش یابند.
نحوه صحیح قرار دادن یک todo به شکل زیر است:
// TODO:2008-12-06:johnc:Add support for negative offsets. // While it is unlikely that we get a negative offset, it can // occur if the garbage collector runs out of space.
<Routes>
<Route path="/product/list" element={<ProductList/>} />
<Route path="/product/new" element={<NewProduct/>} />
</Routes> <Routes>
<Route path="/post" element={<Posts/>}>
<Route path="images" element={<Images />} />
<Route path="text" element={<Text />} />
<Route path="/post" element={<Text />} />
</Route>
</Routes> <div className="list-group">
<Link to="/post/images" className="list-group-item list-group-item-action active" aria-current="true">
Images Post
</Link>
<Link to="/post/text" className="list-group-item list-group-item-action">Text Post</Link>
</div>
<Outlet /> <div className="list-group">
<Link to="images" className="list-group-item list-group-item-action active" aria-current="true">
Images Post
</Link>
<Link to="text" className="list-group-item list-group-item-action">Text Post</Link>
</div>
<Outlet /> <Routes>
<Route path="/post" element={<Posts/>}>
<Route path="images" element={<Images />} />
<Route path="text" element={<Text />} />
<Route path="/post" element={<Text />} />
</Route>
</Routes> <Routes>
<Route path="/product/list" element={<ProductList/>} />
<Route path="/product/new" element={<NewProduct/>} />
<Route path="/post" element={<Posts/>}>
<Route path="images" element={<Images />} />
<Route path="text" element={<Text />} />
<Route path="/post" element={<Text />} />
</Route>
<Route path="*" element={<NotFound />} />
</Routes> .NET Core Container Images now Published to Microsoft Container Registry
import React, { Component } from "react";
class LoginForm extends Component {
render() {
return <h1>Login</h1>;
}
}
export default LoginForm; import LoginForm from "./components/loginForm";
//...
function App() {
return (
<React.Fragment>
<NavBar />
<main className="container">
<Switch>
<Route path="/login" component={LoginForm} />
<Route path="/movies/:id" component={MovieForm} />
// ...
</Switch>
</main>
</React.Fragment>
);
} <NavLink className="nav-item nav-link" to="/login"> Login </NavLink>
import React, { Component } from "react";
class LoginForm extends Component {
render() {
return (
<form>
<div className="form-group">
<label htmlFor="username">Username</label>
<input id="username" type="text" className="form-control" />
</div>
<div className="form-group">
<label htmlFor="password">Password</label>
<input id="password" type="password" className="form-control" />
</div>
<button className="btn btn-primary">Login</button>
</form>
);
}
}
export default LoginForm; 
class LoginForm extends Component {
handleSubmit = e => {
console.log("handleSubmit", e);
e.preventDefault();
// call the server
};
render() {
return (
<form onSubmit={this.handleSubmit}>
//... const username = document.getElementById("username").value; class LoginForm extends Component {
username = React.createRef(); <input
ref={this.username}
id="username"
type="text"
className="form-control"
/> handleSubmit = e => {
e.preventDefault();
// call the server
const username = this.username.current.value;
console.log("handleSubmit", username);
}; class LoginForm extends Component {
username = React.createRef();
componentDidMount = () => {
this.username.current.focus();
}; 
<input
autoFocus
ref={this.username}
id="username"
type="text"
className="form-control"
/> class LoginForm extends Component {
state = {
account: { username: "", password: "" }
}; <input
value={this.state.account.username} <input
value={this.state.account.username}
onChange={this.handleChange} handleChange = e => {
const account = { ...this.state.account }; //cloning an object
account.username = e.currentTarget.value;
this.setState({ account });
}; 
handleChange = e => {
const account = { ...this.state.account }; //cloning an object
account[e.currentTarget.name] = e.currentTarget.value;
this.setState({ account });
}; <input
id="password"
name="password"
value={this.state.account.password}
onChange={this.handleChange}
type="password"
className="form-control"
/> 
handleChange = ({ currentTarget: input }) => {
const account = { ...this.state.account }; //cloning an object
account[input.name] = input.value;
this.setState({ account });
}; Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://fb.me/react-controlled-components
Warning: `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.
import React from "react";
const Input = ({ name, label, value, onChange }) => {
return (
<div className="form-group">
<label htmlFor={name}>{label}</label>
<input
value={value}
onChange={onChange}
id={name}
name={name}
type="text"
className="form-control"
/>
</div>
);
};
export default Input; import Input from "./common/input";
render() {
const { account } = this.state;
return (
<form onSubmit={this.handleSubmit}>
<Input
name="username"
label="Username"
value={account.username}
onChange={this.handleChange}
/>
<Input
name="password"
label="Password"
value={account.password}
onChange={this.handleChange}
/>
<button className="btn btn-primary">Login</button>
</form>
); <!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
</head>
<body>
@RenderBody()
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="@Url.Content("~/favicon.ico")" type="image/x-icon" />
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
</head>
<body>
<div id="menu">
@if (IsSectionDefined("Menu"))
{
RenderSection("Menu", required: false);
}
else
{
<span>This is the default ...!</span>
}
</div>
<div id="body">
@RenderBody()
</div>
</body>
</html>
@{
ViewBag.Title = "Index";
//Layout = null;
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
Index</h2>
@section Menu{
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
}
@section JavaScript
{
<script type="text/javascript" src="@Url.Content("~/Scripts/SomeScript.js")" />;
<script type="text/javascript" src="@Url.Content("~/Scripts/AnotherScript.js")" />;
}
@RenderSection("JavaScript", required: false)
using System.Web.Mvc;
namespace MvcApplication11.Areas.Reporting
{
public class ReportingAreaRegistration : AreaRegistration
{
public override string AreaName
{
get
{
return "Reporting";
}
}
public override void RegisterArea(AreaRegistrationContext context)
{
context.MapRoute(
"Reporting_default",
"Reporting/{controller}/{action}/{id}",
new { action = "Index", id = UrlParameter.Optional }
);
}
}
}
Multiple types were found that match the controller named 'Home'. This can happen if the route that services this
request ('{controller}/{action}/{id}') does not specify namespaces to search for a controller that matches the request.
If this is the case, register this route by calling an overload of the 'MapRoute' method that takes a 'namespaces' parameter.
The request for 'Home' has found the following matching controllers:
MvcApplication11.Areas.Admin.Controllers.HomeController
MvcApplication11.Controllers.HomeController
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
"Default", // Route name
"{controller}/{action}/{id}", // URL with parameters
new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
, namespaces: new[] { "MvcApplication11.Controllers" }
);
}
@Html.ActionLink(linkText: "Home", actionName: "Index", controllerName: "Home")
@Html.ActionLink(linkText: "Home", actionName: "Index", controllerName: "Home",
routeValues: new { Area = "Admin" } , htmlAttributes: null)
public ActionResult Index()
{
return RedirectToAction("Index", "Home", new { Area = "Admin" });
}
ng g c contact-manager/components/notes --no-spec
<mat-tab-group>
<mat-tab label="Bio">
<p>
{{user.bio}}
</p>
</mat-tab>
<mat-tab label="Notes">
<app-notes [notes]="user.userNotes"></app-notes>
</mat-tab>
</mat-tab-group> import { Component, Input, OnInit } from "@angular/core";
import { UserNote } from "../../models/user-note";
@Component({
selector: "app-notes",
templateUrl: "./notes.component.html",
styleUrls: ["./notes.component.css"]
})
export class NotesComponent implements OnInit {
@Input() notes: UserNote[]; <p>
{{notes | json}}
</p> 
import { Component, Input, OnInit } from "@angular/core";
import { MatTableDataSource } from "@angular/material";
import { UserNote } from "../../models/user-note";
@Component({
selector: "app-notes",
templateUrl: "./notes.component.html",
styleUrls: ["./notes.component.css"]
})
export class NotesComponent implements OnInit {
@Input() notes: UserNote[];
displayedColumns = ["position", "title", "date"];
dataSource: MatTableDataSource<UserNote>;
constructor() { }
ngOnInit() {
this.dataSource = new MatTableDataSource<UserNote>(this.notes);
}
} <div class="example-container mat-elevation-z8" fxLayout="column">
<mat-table #table [dataSource]="dataSource">
<ng-container matColumnDef="position">
<mat-header-cell *matHeaderCellDef> No. </mat-header-cell>
<mat-cell *matCellDef="let note"> {{note.id}} </mat-cell>
</ng-container>
<ng-container matColumnDef="title">
<mat-header-cell *matHeaderCellDef> Title </mat-header-cell>
<mat-cell *matCellDef="let note"> {{note.title}} </mat-cell>
</ng-container>
<ng-container matColumnDef="date">
<mat-header-cell *matHeaderCellDef> Date </mat-header-cell>
<mat-cell *matCellDef="let note"> {{note.date | date:'yyyy-MM-dd'}} </mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>
</div> 
</mat-table> <mat-paginator #paginator [pageSize]="2" [pageSizeOptions]="[2, 4, 6]"> </mat-paginator> </div>
export class NotesComponent implements OnInit, AfterViewInit {
dataSource: MatTableDataSource<UserNote>;
@ViewChild(MatPaginator) paginator: MatPaginator;
ngAfterViewInit() {
this.dataSource.paginator = this.paginator;
}
} 
<div class="example-container mat-elevation-z8" fxLayout="column">
<div class="example-header">
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field>
</div> applyFilter(filterValue: string) {
this.dataSource.filter = filterValue.trim().toLowerCase(); // MatTableDataSource defaults to lowercase matches
} 
<mat-table #table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="position">
<mat-header-cell *matHeaderCellDef mat-sort-header> No. </mat-header-cell>
export class NotesComponent implements OnInit, AfterViewInit {
dataSource: MatTableDataSource<UserNote>;
@ViewChild(MatSort) sort: MatSort;
ngAfterViewInit() {
this.dataSource.sort = this.sort;
}
} 