//app.component.js
class AppComponent extends HTMLElement {
static is = 'app-root'
connectedCallback(){
this.innerHTML=`<h1>Hello World!</h1>`
}
}
customElements.define(AppComponent.is, AppComponent) //index.html <app-root></app-root>
//confirm-link.component.js
class ConfirmLinkComponent extends HTMLAnchorElement {
static is = "confim-link";
connectedCallback() {
this.addEventListener("click", e => {
if (!confirm("Are you sure?")) {
e.preventDefault();
}
});
}
}
customElements.define(ConfirmLinkComponent.is, ConfirmLinkComponent, {
extends: "a"
}); <a href="http://google.com" is='confirm-link'> google.com </a>
var div = document.createElement('div');
var shadowRoot = div.attachShadow({mode: 'open'}); //or mode: 'closed'
shadowRoot.innerHTML = '<h1>Hello Shadow DOM</h1>'; 
مفهوم دیگری وجود دارد تحت عنوان Shadow Boundary که تعیین کننده‌ی مرز بین Light DOM و Shadow DOM و همان لایه‌ی مهیا کننده‌ی کپسوله‌سازی Styling و Markup می‌باشد. در مطالب آتی خواهیم دید که به چه شکلی رخدادهای سفارشی ما قابلیت عبور از این لایه را خواهند داشت.
<div id="template" hidden> <img src="logo.png"> <div class="comment"></div> </div>
<script id="template" type="text/x-template">
<img src="logo.png">
<div class="comment"></div>
</script>
<script id="template" type="text/x-kendo-template">
<ul>
# for (var i = 0; i < data.length; i++) { #
<li>#= data[i] #</li>
# } #
</ul>
</script> <template id="template"> <img src="logo.png"> <div class="comment"></div> </template>
var template = document.querySelector("template");
var clonedNode = template.content.cloneNode(true); //deep:true
document.body.appendChild(clonedNode);
و ساختار سرویس که SSIS به این ساختار نیاز دارد .
حال از محیط BIDS یک پروژه SSIS ایجاد می‌کنیم (برای آشنایی با BIDS به این پست مراجعه کنید) و یک Web Service Task به آن اضافه می‌کنیم :
سپس روی task دوبار کلیک کنید تا پنجره تنظیمات آن باز شود :
حال باید یک دیتا سورس کانکشن که همان سرویس ما می‌باشد تعریف کنیم :
دکمه تست را فشار دهید تا تاییدیه معتبر بودن سرویس را دریافت کنید ، OK را فشار دهید .
در قدم بعد SSIS به قالب فایل xml که در خروجی WSDL است نیاز دارد . اگر این فایل را دارید آدرس آن را باید در قسمت WSDL FIle وارد کنید در غیر این صورت (مانند شرایط فعلی این مثال) باید این فایل را از سرویس خود دانلود کنید . نکته اینکه در صورتی که این فایل را ندارید ، گزینه overwriteWSDLFile را True کنید و مسیر یک فایلی که در سیستم شما موجود نیست را در آدرس WSDLFile وارد کنید .
حال شما فایل مورد نظر را دارید :
اگر به تب input بازگردید می‌توانید ادامه تنظیمات را انجام دهید :
حال باید خروجی مورد نظر از این سرویس را تعریف کنیم . دو نوع خروجی برای ما امکان پذیر است . یکی انتقال اطلاعات به یک فایل (مناسب برای مواردی که نیاز به داده‌های offline دارید) و یکی منتقل کردن آنها به متغیرهای خود SSIS Package برای استفاده در کام‌های بعدی flow (برای مواردی که نیاز به انجام تغییرات روی داده‌های Online دارید) .
پس از انجام این تنظیمات باید کانکشن هایی مطابق زیر داشته باشید :
F5 را فشار دهید تا عملیات شروع شود :
$(document).ready(function () {
dataparam2 = "cmd=FillScope";
$.ajax({
url: "Default2.aspx",
type: "POST",
data: dataparam2,
async: true,
success: function (msg) {
if (msg != '') {
var data = eval("(" + msg + ")");
$("#tbodytblMain").html('');
for (var i = 0; i < data.length; i++) {
$("#tbodytblMain").append(
"<tr class='odd gradeX'>"
+ "<td style='width:200px'>" + data[i].T + "</td>"
+ "<td style='width:150px'>" + data[i].P + "</td>"
+ "<td>" + data[i].S + "</td>"
+ "<td>" + data[i].TP + "</td>"
+ "<td>" + data[i].Sp + "</td>" + "</tr>");
}
}
},
error: function (msg) {
}
});
$('#tblMain').dataTable();
}); if (Request["cmd"] == "FillScope")
{
string Val = "برخوار";
JavaScriptSerializer js = new JavaScriptSerializer();
string serText = "";
MUIDataClassesDataContext db = new MUIDataClassesDataContext();
var LST = (from x in db.tblProjectInfos
where x.tblScope.xScopeName.Contains(Val)
orderby x.tblScope.xScopeName
select new
{
P = x.xPlace,
S = x.tblScope.xScopeName,
TP = x.tblProjectType.xProjectTypeName,
Sp = x.tblStatus.xStatusName
});
serText = js.Serialize(LST);
Response.Write(serText);
Response.End();
}
Hello%20world%20,%20hi
<html>encoding</html>
<html>encoding</html>
| کاراکتر | عبارت معادل | توضیحات |
| > | > | |
| < | < | |
| " | " | |
| ' | ' | یا ;apos& به غیر از IE |
| & | & |
public static unsafe void HtmlEncode(string value, TextWriter output)
{
int index = IndexOfHtmlEncodingChars(value, 0);
if (index == -1)
{
output.Write(value);
return;
}
int cch = value.Length - index;
fixed (char* str = value)
{
char* pch = str;
while (index-- > 0)
{
output.Write(*pch++);
}
while (cch-- > 0)
{
char ch = *pch++;
if (ch <= '>')
{
switch (ch)
{
case '<':
output.Write("<");
break;
case '>':
output.Write(">");
break;
case '"':
output.Write(""");
break;
case '\'':
output.Write("'");
break;
case '&':
output.Write("&");
break;
default:
output.Write(ch);
break;
}
}
else if (ch >= 160 && ch < 256)
{
// The seemingly arbitrary 160 comes from RFC
output.Write("&#");
output.Write(((int)ch).ToString(NumberFormatInfo.InvariantInfo));
output.Write(';');
}
else
{
output.Write(ch);
}
}
}
}
private static unsafe int IndexOfHtmlEncodingChars(string s, int startPos)
{
int cch = s.Length - startPos;
fixed (char* str = s)
{
for (char* pch = &str[startPos]; cch > 0; pch++, cch--)
{
char ch = *pch;
if (ch <= '>')
{
switch (ch)
{
case '<':
case '>':
case '"':
case '\'':
case '&':
return s.Length - cch;
}
}
else if (ch >= 160 && ch < 256)
{
return s.Length - cch;
}
}
}
return -1;
}<div id="log"></div>
<script type="text/javascript">
var element = document.getElementById('log');
element.innerText = '<html> encoding </html>';
console.log(element.innerHTML);
</script><html> encoding </html>
<div id="log">
</div>
<script type="text/javascript">
var element = document.getElementById('log');
element.innerHTML = "<html> encoding </html>";
console.log(element.innerText);
</script><html> encoding </html>
String.htmlEncode = function (s) {
var el = document.createElement("div");
el.innerText = s || '';
return el.innerHTML;
};console.log(String.htmlEncode("<html>"));
//result: <html>String.prototype.htmlEncode = function () {
var el = document.createElement("div");
el.innerText = this.toString();
return el.innerHTML;
};console.log("<html>".htmlEncode());
//result: <html>String.htmlDecode = function (s) {
var el = document.createElement("div");
el.innerHTML = s || '';
return el.innerText;
};String.prototype.htmlDecode = function () {
var el = document.createElement("div");
el.innerHTML = this.toString();
return el.innerText;
};console.log(String.htmlDecode("<html>"));
console.log("<html>".htmlDecode());String.htmlEncode = function (s) {
return $('<div/>').text(value).html();
};
String.prototype.htmlEncode = function () {
return $('<div/>').text(this.toString()).html();
};String.htmlDecode = function (s) {
return $('<div/>').html(s).text();
};
String.prototype.htmlDecode = function () {
return $('<div/>').html(this.toString()).text();
};var value = "a \n b";
String.htmlEncode = function (s) {
var el = document.createElement("div");
var txt = document.createTextNode(s);
el.appendChild(txt);
return el.innerHTML;
};String.htmlDecode(String.htmlEncode(myString)) === myString;
var myString = "<HTML>"; String.htmlDecode(String.htmlEncode(myString)) === myString; // result: true // -------------------------------------------------------------------------- myString = "<اچ تی ام ال>"; String.htmlDecode(String.htmlEncode(myString)) === myString; // result: true
myString = "a \r b"; String.htmlDecode(String.htmlEncode(myString)) === myString; // result: false
console.log(escape(String.htmlDecode('\r'))); // result: %0A : it is url encode of character '\n'
console.log(escape(String.htmlDecode('\n'))); // result: %0A
console.log(escape(String.htmlDecode('\r\n'))); // result: %0Avar el = document.createElement('div');
el.innerText = '\r';
console.log(escape(el.innerText)); // result: %0A
el.innerHTML = '\r';
console.log(escape(el.innerHTML)); // result: %0A
console.log(escape('\r')); // result: %0DString.htmlEncode = function (text) {
text = text || '';
var encoded = '';
for (var i = 0; i < text.length; i++) {
var c = text[i];
switch (c) {
case '<':
encoded += '<';
break;
case '>':
encoded += '>';
break;
case '&':
encoded += '&';
break;
case '"':
encoded += '"';
break;
case "'":
encoded += ''';
break;
default:
// the upper limit can be removed to support more chars...
var code = c.charCodeAt();
if (code >= 160 & code < 256)
encoded += '&#' + code + ';';
else
encoded += c;
}
}
return encoded;
};function escapeHTML() {
return this.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
}
function unescapeHTML() {
return this.stripTags().replace(/</g, '<').replace(/>/g, '>').replace(/&/g, '&');
}var andExp = /&/g,
htmlExp = [/(<|>|")/g, /(<|>|')/g, /(<|>|'|")/g],
htmlCharMap = { '<': '<', '>': '>', "'": ''', '"': '"' },
htmlReplace = function (all, $1) {
return htmlCharMap[$1];
};
$.extend({
// convert special html characters
htmlspecialchars: function (string, quot) {
return string.replace(andExp, '&').replace(htmlExp[quot || 0], htmlReplace);
}
});$.htmlspecialchars("<div>");this.escapeHTML = function (s) {
this.str = this.s(s)
.split('&').join('&')
.split('<').join('<')
.split('>').join('>');
return this;
};
this.unescapeHTML = function (s) {
this.str = this.stripTags(this.s(s)).str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
return this;
};
<table id="std-grid">
<thead>
<th>نام</th>
<th>نام خانوادگی</th>
<th>سن</th>
</thead>
<tbody>
</tbody>
</table><script>
$(document).ready(function() {
$('#std-grid').dataTable({
"aaData": [
["پژمان", "پارسائی", "24"],
["سعید", "الیاسی", "25"],
["محمد رضا", "گلزار", "20"],
["آرش", "ایرانی", "19"],
["مرتضی", "فرمانی", "22"],
["سعید", "حمیدیان", "23"],
["امین", "پارسانیا", "23"],
["محمد امین", "فقیهی", "24"],
["محمد", "خرمی", "25"],
["سینا", "امیریان", "20"],
["آرش", "ایرانی", "19"],
["وحید", "فرزانه", "22"],
["امیر علی", "فرمانی", "23"],
["امین", "حسینی", "23"],
});
});
</script>$(document).ready(function() {
$('#std-grid').dataTable({
"aaData": [
{"FirstName" : "پژمان", "LastName" : "پارسائی", "Age" : "24"},
{ "FirstName": "سعید", "LastName": "الیاسی", "Age": "25" },
{ "FirstName": "محمد رضا", "LastName": "گلزار", "Age": "24" },
{ "FirstName": "آرش", "LastName": "ایرانی", "Age": "24" },
{ "FirstName": "مرتضی", "LastName": "فرمانی", "Age": "24" },
{ "FirstName": "سعید", "LastName": "حمیدیان", "Age": "24" },
{ "FirstName": "امین", "LastName": "پارسانیا", "Age": "24" },
{ "FirstName": "محمد امین", "LastName": "فقیهی", "Age": "24" },
{ "FirstName": "محمد", "LastName": "خرمی", "Age": "24" },
{ "FirstName": "سینا", "LastName": "امیریان", "Age": "24" },
{ "FirstName": "آرش", "LastName": "ایرانی", "Age": "24" },
{ "FirstName": "وحید", "LastName": "فرزانه", "Age": "24" },
{ "FirstName": "امیر علی", "LastName": "فرمانی", "Age": "24" },
{ "FirstName": "امین", "LastName": "حسینی", "Age": "24" },
],
"aoColumns": [
{ "mDataProp": "FirstName" },
{ "mDataProp": "LastName" },
{ "mDataProp": "Age" }
]
});
});$('#std-grid').dataTable({
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": true,
"bAutoWidth": false
});
import { Pipe } from '@angular/core';
@Pipe({
name: 'persianCurrency'
})
export class PersianCurrency {
transform(value: number): string {
return Intl.NumberFormat('fa-FA', { style: 'currency', currency: 'IRR' }).format(value);
}
} {{myMoney | persianCurrency}} @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
{
"dependencies": {
//same as before
"Microsoft.AspNetCore.Mvc.TagHelpers": "1.0.0",
"Microsoft.AspNetCore.Razor.Runtime": "1.0.0",
"Microsoft.AspNetCore.Razor.Tools": {
"version": "1.0.0-preview2-final",
"type": "build"
}
},
"tools": {
//same as before
"Microsoft.AspNetCore.Razor.Tools": "1.0.0-preview2-final"
}
} <a asp-controller="Home" asp-action="Index" asp-route-id="123">Home</a>
<a asp-route="login">Login</a>
<a asp-controller="Account" asp-action="Register" asp-protocol="https" asp-host="asepecificdomain.com" asp-fragment="fragment">Register</a>
| Tag Helper | HTML Helper |
<label asp-for="Email" class="col-md-2 control-label"></label> | @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" }) |
<a asp-controller="MyController" asp-action="MyAction" class="my-css-classname" my-attr="my-attribute">Click me</a> | @Html.ActionLink("Click me", "MyController", "MyAction",
{ @class="my-css-classname", data_my_attr="my-attribute"}) |
<input asp-for="FirstName" style="width:100px;"/> | @Html.TextBox("FirstName", Model.FirstName, new { style = "width: 100px;" }) |
<input asp-for="Email" class="form-control" /> | @Html.TextBoxFor(m => m.Email, new { @class = "form-control" }) |
<input asp-for="Password" class="form-control" /> | @Html.PasswordFor(m => m.Password, new { @class = "form-control" }) |
<input asp-for="UserName" class="form-control" /> | @Html.EditorFor(l => l.UserName,
new { htmlAttributes = new { @class = "form-control" } }) |
<form asp-controller="Account" asp-action="Register" method="post" class="form-horizontal" role="form"> | @using (Html.BeginForm("Register", "Account",
FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken() |
<span asp-validation-for="UserName" class="text-danger"></span> | @Html.ValidationMessageFor(m => m.UserName, "",
new { @class = "text-danger" }) |
<div asp-validation-summary="ValidationSummary.All" class="text-danger"></div> | @Html.ValidationSummary("", new { @class = "text-danger" }) |
<form asp-controller="Account"
asp-action="Login"
asp-route-returnurl="@ViewBag.ReturnUrl"
method="post" >
</form> <form action="/Account/Login?returnurl=%2FHome%2FAbout" method="post">
<form asp-route="login"
asp-route-returnurl="@ViewBag.ReturnUrl"
method="post" >
</form> <script asp-src-include="~/app/**/*.js"></script>
<script src="/app/app.js"></script> <script src="/app/controllers/controller1.js"></script> <script src="/app/controllers/controller2.js"></script> <script src="/app/controllers/controller3.js"></script> <script src="/app/controllers/controller4.js"></script> <script src="/app/services/service1.js"></script> <script src="/app/services/service2.js"></script>
<script asp-src-include="~/app/**/*.js"
asp-src-exclude="~/app/services/**/*.js">
</script> <link rel="stylesheet" href="//ajax.aspnetcdn.com/ajax/bootstrap/3.0.0/css/bootstrap.min.css"
asp-fallback-href="~/lib/bootstrap/css/bootstrap.min.css"
asp-fallback-test-class="hidden"
asp-fallback-test-property="visibility"
asp-fallback-test-value="hidden" />
<script src="//ajax.aspnetcdn.com/ajax/bootstrap/3.0.0/bootstrap.min.js"
asp-fallback-src="~/lib/bootstrap/js/bootstrap.min.js"
asp-fallback-test="window.jQuery">
</script> <link rel="stylesheet" href="~/css/site.min.css" asp-file-version="true"/>
<link rel="stylesheet" href="/css/site.min.css?v=UdxKHVNJA5vb1EsG9O9uURFDfEE3j1E3DgwL6NiDGMc" />
<img src="~/images/logo.png"
alt="company logo"
asp-file-version="true" /> <img src="/images/logo.png?v=W2F5D366_nQ2fQqUk3URdgWy2ZekXjHzHJaY5yaiOOk"
alt="company logo"/> <environment names="Development"> <link rel="stylesheet" href="~/css/site1.css" /> <link rel="stylesheet" href="~/css/site2.css" /> </environment> <environment names="Staging,Production"> <link rel="stylesheet" href="~/css/site.min.css" asp-file-version="true"/> </environment>
public class CustomerViewModel
{
public string Vehicle { get; set; }
public List<SelectListItem> Vehicles { get; set; } <select asp-for="Vehicle" asp-items="Model.Vehicles"> </select>