Chức năng và thành phần của DHTMLX

TRƯỜNG ĐẠI HỌC AN GIANG KHOA KỸ THUẬT – CÔNG NGHỆ – MÔI TRƯỜNG TIỂU LUẬN MÔN HỌC LẬP TRÌNH WEBSV thực hiện:Nguyễn Huỳnh Đông Lê Xuân Phi DTH082072 DTH082055.An Giang, 03/2011Mục
Nội dung trích xuất từ tài liệu:
Chức năng và thành phần của DHTMLX TRƯỜNG ĐẠI HỌC AN GIANGKHOA KỸ THUẬT – CÔNG NGHỆ – MÔI TRƯỜNG  TIỂU LUẬN MÔN HỌC LẬP TRÌNH WEB SV thực hiện: Nguyễn Huỳnh Đông DTH082072 Lê Xuân Phi DTH082055 An Giang, 03/2011 Mục lụcI. Giới thiệu.................................................................................................. 3II. Các Control trong DHTMLX................................................................ 4 Thêm Control của DHTMLX vào trang Web.......................................... 4 Các loại control trong DHTMLX............................................................ 5 View................................................................................................. 5 Calendar........................................................................................... 6 Windows........................................................................................... 8 Popup................................................................................................ 9 Toolbar........................................................................................... 10 Form............................................................................................... 12 Chart............................................................................................... 14 DataView........................................................................................ 17 Iframe............................................................................................. 18 Video View.................................................................................... 19 Google Map.................................................................................... 20III. Các hàm (phương thức) và sự kiện................................................. 22IV. Nhận xét và kết luận.......................................................................... 23 2 Giới thiệu I. DHTMLX là một thư viện giao diện JavaScript (GUI widget) được dùngđể xây dựng các ứng dụng web động (Dynamic Web) với Control giống nhưtrong ứng dụng Winform và tương tác với dữ liệu thông qua Ajax . Thư viện nàyđược phát hành dưới 2 dạng mã nguồn mở (GNU General Public License) vàthương mại. Kiến trúc các module của thư viện DHTMLX này cho phép sử dụngcác thành phần riêng biệt hoặc kết hợp chúng lại thành một giao diện hoàn chỉnhdựa trên Ajax. Các Control đầu tiên của DHTMLX là dhtmlxTree và dhtmlxGrid, đãđược phát hành trong năm 2005-2006. Sau đó, DHTMLX đã được mở rộng vớicác thành phần giao diện người dùng khác để trở thành một bộ công cụ hoànchỉnh bao gồm tất cả các control cần thiết nhất của ứng dụng web. Là một thưviện độc lập được viết hoàn toàn bằng JavaScript và CSS, DHTMLX không xungđột với thư viện khác của Ajax như: jQuery, YUI, Prototype, v..v.. Các đặc tính của DHTMLX: Cấu trúc Module: Các Control trong thư viện DHTMLX mỗi thành phần làmột thực thể riêng biệt và độc lập có thể được dùng riêng để phục vụ một sốchức năng của ứng dụng, Ví dụ: Menu, Treeview, Datagridview, DatePicker. Vàcó thể dùng các control này chung với nhau để tạo nên một giao diện web đầy đủvà sinh động Ứng dụng Desktop: Chó phép kéo thả, chỉnh sửa trực tiếp, thao tác vớiClipboard, ràng buột dữ liệu nhập liệu , tương tác thông qua Ajax. Bắt đầu từphiên bản 2.5 các thành phần giao diện người dùng đã có Skin và Theme tương tựnhư giao diện người dùng Windows Client to Server: Thư viện DHTMLX hoạt động hoàn toàn ở phía Client vàcó thể được sử dụng bởi ngôn ngữ khác hoặc thao tác trên cơ sở dữ liệu. Ngoàira, lớp truyền thông (dhtmlxConnector) có thể được sử dụng để quản lý thông tinliên lạc giửa client-server bằng PHP,.Net hoặc Java. Các Theme: Các màu sắc của giao diện và các control có thể được tùychỉnh trực tuyến thông qua SkinBuilder, nó sẽ tạo ra các file CSS và hình ảnh cần 3thiết để cung cấp cho các theme và màu sắc được chọn. Bắt đầu từ phiên bản2.6 - có nhiều Skin được cài đặt trước. Hỗ trợ cảm ứng: DHTMLX phát hành một phiên bản HTML5 JavaScriptnhằm tối ưu hóa cho các thiết bị màn hình cảm ứng và điện thoại di động (hiệnđã có trong phiên bản alpha, đã phát hành vào tháng 2 năm 2011). Tương thích: Hầu hết các trình duyệt hiện nay, điều hỗ trợ và hi ển th ị t ốtcác control của DHTMLX như: Safari, Internet Explorer, Mozilla Firefox, Opera,và Chrome.II. Các Control trong DHTMLX: ...