Techcon Cybernet

Thai (ภาษาไทย)English (United Kingdom)

Blog

blog

Sencha Touch
Sencha Touch

Sencha Touch (4)

Friday, 13 September 2013 01:29

Sencha Touch 2.3 มีอะไรใหม่

Written by Jirawat Akkanit
Sencha Touch ออกเวอร์ชั่น 2.3 พร้อมกับความน่าตื่นเต้นกับฟีเจอร์ใหม่ๆ ความสามารถในการเรียก PhoneGap/Cordova API ได้โดยตรงทำให้สะดวกขึ้นมาก อย่าง Accelerometer, Camera, Capture, Compass, Connection, Contacts, Device, Events, File, Geolocation, Globalization, InAppBrowser, Media, Notification, Splashscreen, และ Storage. Cordova API สามารถเรียกจาก Ext.device.<API>.Cordova ได้เลย การมี Theme ใหม่ๆและการปรับปรุงให้ดีขึ้น โดยเฉพาะใน Blakberry 10 การสนับสนุน XMLHTTPRequest Level 2 (XHR2) ซึ่งจะทำให้การจัดการอัพโหลดไฟล์ หรือรูปภาพได้ดีขึ้น สามารถบอกจำนวนข้อมูลที่รับส่งไฟล์ได้ (progress events) โดยใช้ ProgressIndicator Component
เราสามารถใช้ Sencha Cmd ที่ terminal สั่งให้โปรเจ็คอัพเกรดจาก Sencha Touch 2.0 เป็น 2.1 ได้ง่ายๆ sencha app upgrade /path/to/sencha-sdk-2.1 โดยเมื่ออัพเกรดโค้ดแล้วจะทำ backup ของเก่าไว้ในโฟลเดอร์ .sencha_backup ด้วย
ใน Sencha Touch 2.0 นั้น เราจะไปที่โฟลเดอร์ที่เราเก็บ SDK 2.0 แล้วใช้คำสั่ง sencha app create AppName /path/to/app/folder แต่ใน Sencha Touch 2.1 นั้น เราจะไปที่โฟลเดอร์ที่เราเก็บ SDK 2.1 แล้วใช้คำสั่ง sencha app generate AppName /path/to/app/folder ความแตกต่างคือเปลี่ยน create เป็น generate แทน
ปัญหาที่พบระหว่างการอัพเกรด ปัญหาคือเวลานำโค้ดที่ทำใน Sencha Touch 2.0 มารันภายใต้ Sencha Touch 2.1 แล้วแอพพลิเคชันขึ้นหน้าจอว่างๆ ตรวจสอบใน inspector ก็ไม่เจอ error วิธีการแก้ไข จะต้องตรวจสอบสิ่งต่างๆต่อไปนี้ ตรวจหาโค้ดที่ใช้ Ext.DataView เปลี่ยนเป็น Ext.dataview.DataView ใน app.js ส่วนของ Ext.Loader.setPath จะต้องใช้ 'Ext': 'touch/src' แทนของเดิม คือ 'Ext': 'sdk/src' และจะต้องใส่ชื่อแอพเข้าไปด้วย เช่น 'AppName':'app' Ext.Loader.setPath({ 'Ext': 'touch/src', 'Ext.ux': 'ux', 'AppName': 'app' }); ใน app.js ส่วนของ requires จะต้องเพิ่มการเรียก UX ให้ครบ จากเดิมไม่ต้องใส่ก็ได้…
« June 2017 »
Mon Tue Wed Thu Fri Sat Sun
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

Search Blog