From Sencha - Learn

Contents 1 ดาวน์โหลด Ext 2 การปรับค่าคอนฟิกกูเรชั่น 2.1 ไม่มี Web Server 2.2 IIS - Microsoft Internet Information Services 2.3 Apache 3 การติดตั้งเว็บเพจ HTML 4 เรียนรู้ได้อย่างไร? 5 โปรแกรมสำหรับทดลอง / ตัวอย่าง 5.1 s.gif 5.2 php 5.3 แครอท

บทเรียนนี้จะแสดงขั้นตอนทุกขั้นตอน ในการติดตั้งและการใช้งาน Ext อย่างรวดเร็ว

ดาวน์โหลด Ext

ถ้าคุณยังไม่ได้ดาวน์โหลดไฟล์, เริ่มแรกคุณต้องดาวน์โหลดไฟล์ Ext รุ่นล่าสุดซึ่งจะสามารถพบได้ที่นี่ : http://extjs.com/products/extjs/download.php.

มีทางเลือกในการดาวน์โหลดมากมาย, แต่คุณอาจจะต้องการเริ่มต้นด้วยรุ่น production ที่ stable รุ่นล่าสุด. หลังจากคุณดาวน์โหลดและแตกไฟล์, คุณจะพร้อมที่จะไปต่อ, แต่ก่อนอื่นให้ไปอ่านสิ่งที่จำเป็นสำหรับการติดตั้งบน server ของคุณ

การปรับค่าคอนฟิกกูเรชั่น

บาง ตัวอย่าง Ext JS จำเป้นต้องมี HTTP server (และ บาง ตัวอย่างต้องการ PHP server). นี่ไม่ได้หมายความว่า Ext JS สามารถใช้ได้เฉพาะเมื่อใช้ร่วมกับ HTTP server เท่านั้น. โค้ด Ext JS ซึ่งมีการร้องขอไปยัง server จำเป็นต้องมี HTTP web server (เข้าถึงเว็บเพจผ่านทาง webserver โดยทาง http://something).

ไม่มี Web Server

จริงๆ แล้วคุณสามารถใช้งาน Ext JS โดยไม่จำเป็นต้องมี web server ขอบคุณ Doug Hendricks. ถ้าคุณอยากจะใช้ Ext โดยไม่ต้องใช้ web server, ดูที่กระทู้ this.

IIS - Microsoft Internet Information Services

ถ้าคุณพบกับปัญหายากๆ บนแพลตฟอร์ม IIS, มีทิปที่สามารถหาอ่านได้ที่ กระทู้ this.

Apache

ถ้าคุณพบกับปัญหาที่เกิดจาก Apache บน Windows (ไฟล์ถูกทำให้เสียหาย), มีทิปที่สามารถอ่านได้ที่กระทู้ this

การติดตั้งเว็บเพจ HTML

Setting up your HTML Page

เรียนรู้ได้อย่างไร?

• ถ้าคุณไม่แน่ใจว่าจะเริ่มต้นได้ที่ไหน, วิธีหนึ่งก็คือ:

1. ดูว่า มีบางอย่างใน demos ซึ่งอาจะใกล้เคียงกับสิ่งที่คุณต้องการทำ
2. ทบทวนดูที่ซอร์สโค้ด demo
3. ถ้าคุณเห็นคำสั่งในโปรแกรมแต่ไม่เข้าใจว่ามันทำงานอะไร ให้ตรวจดูรายละเอียดที่ API Docs
4. ในขณะเดียวกันกับที่คุณค้นหาใน demos, ดูที่ tutorial อาจจะมีคำอธิบายเพิ่มเติมเกี่ยวกับสิ่งที่คุณกำลังทำ
5. ตรวจสอบดูที่ FAQs ถ้าคุณพบกับปัญหาใดๆ ในส่วนที่คุณกำลังทำอยู่
6. ถ้าคุณไปพบกับปัญหาซึ่งซับซ้อนกว่านั้น, ให้ไปตรวจดูที่ส่วน Application Design เกี่ยวกับ (จะวางโครงสร้าง app ของคุณอย่างไร, การทำงานกับ scope, การ extend, xtypes, อื่นๆ).
7. นอกจากนี้ ถ้าคุณพบปัญหาตรวจดู extension เพื่อดูว่ามีใครได้ทำบางอย่างที่คล้ายๆ กัน. มี forum for extensions, และเมื่อเร็วๆ นี้ที่ initiative to house extensions in a more centralized, searchable location.
8. Books และ Screencasts.
9. ท้ายสุดเข้าไปสร้าง tutorial ใหม่ๆ ได้ตามสบายที่ contribute your learning experience to a tutorial หรือเพิ่มเติม FAQS ที่ FAQs ไม่ต้องกังวลเกี่ยวกับการโพสที่ผิดพลาด, จะมีผู้ที่ช่วยแก้ไขมันให้.

โปรแกรมสำหรับทดลอง / ตัวอย่าง

สถานที่ที่ดีที่จะเริ่มต้นท่องไปก็คือไดเรคทอรี examples และ wiki (tutorials และ manual). นอกจากนี้ในไดเรคทอรี่ examples ในไฟล์ download มีตัวอย่างการใช้งานมากมาย, โปรดอ่านโน้ตด้านล่าง:

s.gif

Ext ใช้ รูปภาพ gif ขนาด 1x1 ที่โปร่งใส เพื่อสร้าง icon ด้วยภาพแบ็คกราวน์ CSS. ค่าปกติของ URL ที่ไปยังไฟล์นี้คือ "extjs.com/s.gif", ดังนั้นคุณจะต้องการแก้ไข ที่ไหนสักแห่งที่ส่วนบนของโค้ดของคุณ โดยบอก Ext ว่าจะสามารถค้นพบ รูปภาพที่ว่างเปล่าได้จากที่ไหน. คุณสามารถแก้ไข URL โดยคำสั่งอย่างข้างล่างนี้

Ext.BLANK_IMAGE_URL = '/images/ext/resources/images/default/s.gif';

php

Ext JS คือ javascript framework ฝั่ง client และจะปฎิบัติงานได้กับ ทุกๆ server ซึ่งสามารถประมวลผลการร้องขอประเภท POST และคืนค่าโครงสร้างข้อมูลกลับมา. มีตัวอย่างจำนวนมากที่ประกอบด้วยไฟล์ php, ดังนั้นคุณจำเป็นต้องมี php server ติดตั้งไว้เพื่อทำงานในบางตัวอย่าง (อีกครั้ง php นั้น ไม่ จำเป็นสำหรับการใช้ Ext JS).

• ไฟล์ php ถูกเขียนในรูปแบบ assuming short tags are enabled <? แทน <? php.

• ตัวอย่างในการใช้ JSON ผ่านทาง XHR ที่ ExtJS ให้มา สมมุตว่า php server ของคุณ

สนับสนุนคำสั่ง json_encode(). ถ้ารุ่นของ php (ก่อน 5.2?) ไม่มี function มาให้ มีวิธีง่ายๆ ที่จะแก้ปัญหา

/*
1.) ดาวน์โหลดไฟล์ JSON.php จาก:
http://mike.teczno.com/JSON/JSON.phps
 
2.) copy ไฟล์ JSON.php ไปยังไดเรคทอรี่ของ Ext.
 
3.) เปลี่ยนไฟล์ php ใน example ดังนี้:
("ext tree" ถูกใช้เป็นอย่างอย่างด้านล่าง)
*/
//ใน: example/tree/get-nodes.php เพิ่ม /และแก้ไข:
require_once("../JSON.php");
 
...
...
...
//echo json_encode($nodes);
$json = new Services_JSON();
echo $json->encode($nodes);

แครอท

ตัวอย่างทั้งหมดไม่ได้มีลิงค์ปรากฎในหน้าสารบัญของตัวอย่าง. คุณจำเป็นต้องเลือก directory ด้วยตัวเองเพื่อจะค้นหาตัวอย่างของอื่นๆ ที่อยู่ในไฟล์ Ext

This page was last modified on 27 March 2009, at 15:28. This page has been accessed 7,177 times.