Category: คลังความรู้ปี 2558

ติดตั้ง Web Essentials for Visual Studio เพื่อให้พิมพ์คำสั่ง html แบบรวดเร็ว

เข้าไปดาวน์โหลดและทำการติดตั้งได้ที่ http://vswebessentials.com/ เมื่อติดตั้งเสร็จแล้วให้ลองเปิดโปรเจ็คขึ้นมาแล้วลองพิมพ์ code html ดังนี้ table>tr*2>td*5 แล้วกด tab 2 ครั้ง จะได้ table ที่มี 2 row และ 5 column

วิธีการใช้ Node.js และ Git เพื่อทำการติดตั้ง bower, typescript, tsd และใช้ bower ติดตั้ง bootstrap, AngularJS

ขั้นตอนการติดตั้งจะต้องติดตั้ง Node.js ก่อนเพื่อใช้คำสั่ง npm ติดตั้ง bower หลังจากนั้นติดตั้ง Git เพื่อให้สามารถใช้งาน bower ติดตั้งไฟล์ลงใน path ที่ต้องการได้ หลังจากนั้นใช้คำสั่ง bower เพื่อติดตั้ง bootstarp,AngularJS ลง Proejct ได้ STEP 1 จะต้องติดตั้ง node.js ก่อน เพราะจะต้องใช้คำสั่ง npm เพื่อทำการติดตั้ง bower, typescript, tsd ฯลฯ 1) ติดตั้ง node.js จากเว็บ https://nodejs.org/en/ หลังจากนั้นให้ทำการ install Node.js ตั้วล่าสุดลงไป 2) เมื่อลง Node.js ให้เปิด CMD ขึ้นมาเพื่อทำการสั่งให้ Node.js ทำการ install package ที่ต้องการใช้งานดังนี้ ติดตั้ง bower ใช้คำสั่ง npm […]

ionic ถ้า error update หรือ install version ใหม่ไม่ได้

ionic ถ้า error update หรือ install version ใหม่ไม่ได้ ให้พิมพ์ sudo npm cache clean.

sublime key

on mac OS command+d แล้วกด d เพื่อเลือกข้อความที่เหมือนกัน ถ้ากด d อีกจะเลือกที่เหมือนกันอีก command+ / จะเป็นการลบคอมเม้นออก

myApp.controller('DashBoardController', ['$scope', function($scope) {

    $scope.profiles = [{
        id: '1',
        firstname: 'ณเดชน์',
        lastname: 'คูกิมิยะ',
        nickname: 'ณเดชน์'
    }, {
        id: '2',
        firstname: 'เจษฎาภรณ์',
        lastname: 'ผลดี',
        nickname: 'ติ๊ก'
    }, {
        id: '3',
        firstname: 'สุธีวัน',
        lastname: 'ทวีสิน',
        nickname: 'ใบเตย'
    }, {
        id: '4',
        firstname: 'อุรัสยา',
        lastname: 'เสปอร์บันด์',
        nickname: 'ญาญ่า'
    }, {
        id: '5',
        firstname: 'พัชราภา',
        lastname: 'ไชยเชื้อ',
        nickname: 'อั้ม'
    }];

}]);

myApp.controller('DashBoardController', ['$scope', function($scope) {

$scope.profiles = [{

id: '1',

firstname: 'ณเดชน์',

lastname: 'คูกิมิยะ',

nickname: 'ณเดชน์'

}, {

id: '2',

firstname: 'เจษฎาภรณ์',

lastname: 'ผลดี',

nickname: 'ติ๊ก'

}, {

id: '3',

firstname: 'สุธีวัน',

lastname: 'ทวีสิน',

nickname: 'ใบเตย'

}, {

id: '4',

firstname: 'อุรัสยา',

lastname: 'เสปอร์บันด์',

nickname: 'ญาญ่า'

}, {

id: '5',

firstname: 'พัชราภา',

lastname: 'ไชยเชื้อ',

nickname: 'อั้ม'

}];

}]);

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Dara Ha-He by Nextflow</title>
    <script src="js/libs/angular.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers/DashboardController.js"></script>


</head>

<body ng-app="myApp">

    <h1>Dara Ha-He</h1>

    <div ng-controller="DashBoardController">

        <label>ค้นหา: </label>
        <!-- Create input search here -->
		<input type="text" ng-model="keyword">
        <!-- Add filter with search query -->
        <ul>
            <li ng-repeat="profile in profiles | filter:keyword">
          {{profile.nickname}} {{profile.lastname}} ({{profile.nickname}})
            </li>
        </ul>
        <hr>


    </div>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<title>Dara Ha-He by Nextflow</title>

</head>

<ul>

{{profile.nickname}} {{profile.lastname}} ({{profile.nickname}})

</li>

</ul>

<hr>

</div>

</body>

</html>

var q2=from p in db.Products
join c in db.Categorys
and p.CategorysId equal c.CategorysId
where p.ProductId=3
Select p;

// = กับ Equal ไม่เหมือนกัน

var q2=from p in db.Products

join c in db.Categorys

and p.CategorysId equal c.CategorysId

where p.ProductId=3

Select p;

// = กับ Equal ไม่เหมือนกัน

MVC 5 Keyboard Short cut

Ctrl+m+g ไปกลับ control และ view ได้ ctrl+shift+b เป็นการ build code Ctrl+k+c,Ctrl+k+u = block comment / unblock comment กด alt+ลูกษรขึ้นลงย้ายโค้ดได้ พิมพ์ prop กด tab tab จะสร้าง properties

  public decimal[] Acceptablecoin { get; set; }

1	public decimal[] Acceptablecoin { get; set; }

พิมพ์ ctor กด tab tab เป็นการสร้าง constructor จะถูกทำงานอัตโนมัติ

public Machine()
        {

        }

public Machine()

{

}

@forr click tab tab = for reword

@for (int i = length - 1; i >= 0 ; i--)
{

}

@for (int i = length - 1; i >= 0 ; i--)

{

}

กด Ctrl+k+d เป็นการจัดไลน์โค้ด การเรียกใช้ Script จากเพจลูกมาแสดงใน Page Layout กดไปยังโค้ดที่ต้องการจากการใช้ go […]

การแทรก script <%...%> นอก Form ของ ASP.NET เองเจอ Error

Error ที่เกิดขึ้น

ปัญหาเกิดจากการใช้ Script <%...%> ในหน้า ASPX แต่ไม่อยู่ภายใต้

<form>...</form> หรือภายใต้ Element runat="server" ดังนั้นวิธีการแก้ไขคือใช้ ครอบ Script <%...%> ไว้ ดังภาพด้านล่าง

ปัญหาเกิดจากการใช้ Script <%...%> ในหน้า ASPX แต่ไม่อยู่ภายใต้

<form>...</form> หรือภายใต้ Element runat="server" ดังนั้นวิธีการแก้ไขคือใช้ ครอบ Script <%...%> ไว้ ดังภาพด้านล่าง

DevExpress : ASPxComboBox แสดงผล Selected Item ผิด

ปัญหาเกิดจาก การปรับค่าเวลา Bind data จาก SqlDatasource แล้วไม่ปรับ DataType ให้ตรงกับข้อมูลที่จะให้ Select การแสดงผลที่ผิดตามด้านล่าง สังเกตุว่าจะต้องแสดงผลเป็น TextField โค้ดที่ใช้

<label>2) ที่มาของทุน</label>
<dx:ASPxComboBox ID="cbScholarFromID" CssClass="form-control" runat="server" DataSourceID="SqlDataSource1" ValueField="ScholarFromID" TextFormatString="{0}" EnableCallbackMode="True" IncrementalFilteringMode="StartsWith"
CallbackPageSize="30">
         <Columns>
<dx:ListBoxColumn Caption="ที่มาของทุน" FieldName="ScholarFromName" Width="50%" />
<dx:ListBoxColumn Caption="ประเภท" FieldName="ScholarFromType" Width="50%" />
</Columns> 
<ValidationSettings Display="Dynamic" SetFocusOnError="True">
<RequiredField IsRequired="True" />
</ValidationSettings>
</dx:ASPxComboBox>
<asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString='<%$ ConnectionStrings:defaultDB %>' SelectCommand="SELECT ScholarFromID, ScholarFromName, ScholarFromType FROM ScholarForm ORDER BY OrderNo"></asp:SqlDataSource>

<label>2) ที่มาของทุน</label>

<dx:ASPxComboBox ID="cbScholarFromID" CssClass="form-control" runat="server" DataSourceID="SqlDataSource1" ValueField="ScholarFromID" TextFormatString="{0}" EnableCallbackMode="True" IncrementalFilteringMode="StartsWith"

CallbackPageSize="30">

<dx:ListBoxColumn Caption="ที่มาของทุน" FieldName="ScholarFromName" Width="50%" />

<dx:ListBoxColumn Caption="ประเภท" FieldName="ScholarFromType" Width="50%" />

</Columns>

</ValidationSettings>

</dx:ASPxComboBox>

<asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString='<%$ ConnectionStrings:defaultDB %>' SelectCommand="SELECT ScholarFromID, ScholarFromName, ScholarFromType FROM ScholarForm ORDER BY OrderNo"></asp:SqlDataSource>

วิธีแก้ไขให้ปรับค่า DataType ของ ASPxComboBox ดังภาพด้านล่าง ผลลัพท์

การสร้าง Web Form Method Post ของ ASP.NET คล้ายๆกับ Form method POST ของ PHP

การสร้าง Web Form Method Post ของ ASP.NET คล้ายๆกับ Form method POST ของ PHP หน้า Form Post

    <form method="post">

        <%for (int i = 0; i < 10; i++)
            {%>
               <input name="txtStudentCode" type="text" value="" />

          <%  } %>
       
       <asp:Button ID="btnSend" runat="server" Text="Send" PostbackUrl="StudentListAddDo.aspx" />
    </form>

<%for (int i = 0; i < 10; i++)

{%>

<% } %>

<asp:Button ID="btnSend" runat="server" Text="Send" PostbackUrl="StudentListAddDo.aspx" />

</form>

หน้ารับค่า Post StudentListAddDo.aspx

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class StudentListAddDo : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // String s=Request.QueryString.
        //Response.Write(Request.Form["txtStudentCode"]);
        string[] sSTUDENTCODE = Request.Form["txtStudentCode"].ToString().Split(',');
        for (int i = 0; i < sSTUDENTCODE.Length; i++)
        {
            Response.Write("<br/>" + sSTUDENTCODE[i]);
        }

    }
}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class StudentListAddDo : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

// String s=Request.QueryString.

//Response.Write(Request.Form["txtStudentCode"]);

string[] sSTUDENTCODE = Request.Form["txtStudentCode"].ToString().Split(',');

for (int i = 0; i < sSTUDENTCODE.Length; i++)

{

Response.Write("<br/>" + sSTUDENTCODE[i]);

}

Information Technology Group

Category: คลังความรู้ปี 2558

ติดตั้ง Web Essentials for Visual Studio เพื่อให้พิมพ์คำสั่ง html แบบรวดเร็ว

วิธีการใช้ Node.js และ Git เพื่อทำการติดตั้ง bower, typescript, tsd และใช้ bower ติดตั้ง bootstrap, AngularJS

ionic ถ้า error update หรือ install version ใหม่ไม่ได้

sublime key

AngularJS Filter

LINQ Query Simple Join

MVC 5 Keyboard Short cut

การแทรก script <%...%> นอก Form ของ ASP.NET เองเจอ Error

DevExpress : ASPxComboBox แสดงผล Selected Item ผิด

การสร้าง Web Form Method Post ของ ASP.NET คล้ายๆกับ Form method POST ของ PHP