ThaiApps.com http://www.thaiapps.com Web Application Magazine Thu, 07 Aug 2008 14:47:40 +0000 http://wordpress.org/?v=2.6 en การติดตั้งภาษาไทยใน ExtJS http://www.thaiapps.com/2008/08/ext-thai-installation/ http://www.thaiapps.com/2008/08/ext-thai-installation/#comments Thu, 07 Aug 2008 14:30:15 +0000 admin http://www.thaiapps.com/?p=23      ในการใช้งาน ExtJS นั้น ผู้พัฒนาได้ออกแบบมาให้สามารถเปลี่ยนภาษาได้ (เฉพาะภาษาใน ExtJS เท่านั้น ไม่เกี่ยวกับเว็บไซต์) ซึ่งปกติแล้วจะเป็นภาษาอังกฤษ

     ในหัวข้อนี้จะกล่าวถึงการติดตั้งภาษาไทยใน ExtJS  ซึ่งในการติดตั้งนั้นแสนง่ายครับ แค่แทรกไฟล์ JavaScript เข้าไปในหน้าเว็บ  ซึ่งท่านสามารถทำได้โดย
1.  คัดลอกไฟล์ ext-lang-en.js ในโฟลเดอร์  ext21/source/locale  แล้วเปลี่ยนชื่อไฟล์เป็น ext-lang-th.js
2.  เปิดไฟล์ ext-lang-th.js ขึ้นมาแก้ไขด้วยโปรแกรม Text Editor ทั่วๆไป  แล้วแก้ไขข้อความเป็นภาษาไทยได้ตามใจชอบเลยครับ
3.  ทำการแทร็กไฟล์เข้ามาในส่วนของ <head></head> โดยต้องอยู่ใต้บรรทัดที่แทร็ก ExtJS ที่ได้ติดตั้งไปในบทความก่อนนี้ครับ ดังโค้ดด้านล่างนี้

<script type="text/javascript" src="ext21/source/locale/ext-lang-th.js"></script>

หรือถ้าหากท่านขี้เกียจแก้ไขไฟล์ล่ะก็ ท่านสามารถดาวน์โหลดไฟล์ได้ ที่นี่ แต่หน้าบ่นนะ เพราะผมแปลแบบตามความเข้าใจผม 555

คำแนะนำ ไฟล์ ext-lang-th.js ในหัวข้อนี้ใช้กับ ExtJS 2.1 เท่านั้น ถ้า Version อื่นอาจจะใช้ไม่ได้ครับ ก็แนะนำให้แก้ไขเองหากเป็น Version อื่นครับ

]]> http://www.thaiapps.com/2008/08/ext-thai-installation/feed/ การติดตั้ง ExtJS เพื่อใช้งาน http://www.thaiapps.com/2008/08/ext-installation/ http://www.thaiapps.com/2008/08/ext-installation/#comments Thu, 07 Aug 2008 05:55:08 +0000 admin http://www.thaiapps.com/?p=10 extjs

extjs

บทความแรกนี้จะกล่าวถึงการติดตั้ง Ext JS เพื่อใช้กับกับเว็บไซต์นะครับ มีขึ้นตอนดังนี้

1.  เริ่มจากการไปดาวน์โหลดไฟล์ที่เว็บไซต์  extjs ในบทความนี้ใช้ Version 2.1 นะครับ หรือหากท่านจะใช้ Version อื่นก็ได้นะครับ เพราะช่วงนี้เห็นมี Version 2.2 ออกมาแล้ว แต่การใช้งานก็ไม่ได้แตกต่างกันเท่าไหร่ครับ ส่วน Version 1 ผมจะไม่ขอกล่าวถึง  การติดตั้งนั้นก็เหมือนกับการติดตั้ง  JavaScript ทั่วๆไปนะครับ
2.  เมื่อดาวน์โหลดมาแล้วจะได้ไฟล์ ext-2.1.zip มาให้ทำการ unzip ไฟล์ออกมาเป็นโฟลเดอร์ ext-2.1  ผมขอเปลี่ยนชื่อโฟลเดอร์เป็น ext21 ละกันนะครับ หรือชื่ออื่นก็ได้ตามสะดวกครับ
3.  การวางไดเร็กทอรี่ของเว็บในตัวอย่างทุกบทความที่เกี่ยวกับ extjs ผมขอทำความเข้าใจดังนี้ครับ คือวางโฟลเดอร์ ext21 ใช้ที่รูทไดเร็กทอรี่เลยนะครับ ดังตัวอย่างด้านล่างนี้ครับ
htdocs  (ไดเร็กทอรี่หลักของเว็บไซต์)

|- ext21          (เก็บไฟล์ของ extJS)
|- js                (เก็บไฟล์ JavaScript)
|- css              (เก็บ Style sheet)
     |- images   (เก็บรูปภาพเพื่อใช้กับ Style sheet)
|- index.php    ไฟล์ index ของเว็บไซต์

4.  จากนั้นสร้างไฟล์  index.php หรือไฟล์ที่ต้องการติดตั้ง ExtJS แล้วพิมพ์โค้ดลงไปดังตัวอย่างด้านล่างนี้ครับ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Forms</title>
    <link rel="stylesheet" type="text/css" href="ext21/resources/css/ext-all.css"/>  
    <script type="text/javascript" src="ext21/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext21/ext-all.js"></script> 
</head>
<body>
</body>
</html>

แค่นี้ท่านก็สามารถใช้งาน ExtJS ได้แล้วครับ

คำแนะนำ : เว็บเพ็จผมขอเลือกใช้ encoding เป็น utf-8 นะครับ เนื่องจาก ExtJS ส่ง-รับ ข้อมูลกับ Server โดยใช้ utf-8 แต่หากท่านใดจะใช้ tis-620 ก็ได้ แต่เวลาเขียนโค้ด PHP ท่านต้องแปลง charset เอาเองครับ ทุกตัวอย่างผมจะใช้ uft-8 นะครับ ขอทำความเข้าใช้ไว้ดังนี้

]]> http://www.thaiapps.com/2008/08/ext-installation/feed/ แจ้งให้ทราบ http://www.thaiapps.com/2008/08/thaiapps/ http://www.thaiapps.com/2008/08/thaiapps/#comments Wed, 06 Aug 2008 06:04:28 +0000 admin http://www.thaiapps.com/?p=3 สำหรับท่านที่เคยเข้าเยี่ยมชมเว็บของเรา ต้องขออภัยด้วยในช่วงนี้กำลังย้าย Server อยู่นะครับ

]]> http://www.thaiapps.com/2008/08/thaiapps/feed/