Chuyển đến nội dung chính

Bài đăng

Đang hiển thị bài đăng từ Tháng 10, 2012

How Projects Really Work

Ext Js: Mixins

Thuộc tính Mixins là một khái niệm mới trong Ext Js. Mixins tập hợp các phương thức và thuộc tính của các class khác để đưa vào một class nào đó. Đây là thuộc tính hết sức quan trọng, cho phép class cần định nghĩa có những tính năng quan trọng từ class khác mà bạn không thể kế thừa từ chúng. Ví dụ: Ext.define('MyApp.mixins.Log', { startLogging: function () { console.log('called funcion startLogging'); } }); Ext.define('MyApp.MyWindow', { extend: 'Ext.Window', mixins: { console: 'MyApp.mixins.Log' } }); var win = Ext.create('MyApp.MyWindow', { title: 'Hello', height: 200, width: 400, renderTo: Ext.getBody() }).show(); win.startLogging(); Trong trường hợp class MyWindow cũng có hàm console, bạn có thể override hoặc kết hợp cả 2 hàm này lại với nhau Ext.define('MyApp.MyWindow', { exten

Ext Js: Layouts

Layout hay còn gọi là dàn trang, bố cục trình bày dữ liệu. Trong Ext Js, layout là một trong những thành phần quan trọng nhất bởi vì nó định nghĩa container được sắp xếp như thế nào. Việc sắp xếp và hiển thị các thành phần trên trang web rất khó và đòi hỏi nó phải hoạt động tốt. Vì vậy, bạn sẽ bắt gặp nhiều định nghĩa về layout trong Ext Js: Container Layouts: Auto Layout, Anchor Layout, Absolute Layout… Component Layouts: Dock Layout, Tool Layout, Field Layout, Trigger Field Layout. Component Layout chịu trách nhiệm sắp xếp các phần tử html cho một Component. Container Layout chịu trách nhiệm sắp xếp các phần tử nằm trong container chứa nó và điều chỉnh kích thước của tất cả các container con khác. Trong bài viết này, mình không có tham vọng giới thiệu tất cả các layout, mà chỉ giới thiệu một vài layout trong đó. Bạn có thể tham khảo và tìm thêm tài liệu ở trang Sencha.com

CSS processor

  Trích từ http://tek.eten.vn

Ext Js: Định nghĩa và khởi tạo Class

Trong bài viết này, chúng ta sẽ khám phá sự khác nhau về cú pháp khi định nghĩa class của Ext Js 3 và 4. Và bạn sẽ thấy được lợi ích khi dùng Ext Js 4. Định nghĩa class Để định nghĩa class, trong Ext Js 3, chúng ta kế thừa từ class Object: MyApp.NewClass = Ext.extend(Object, { //class functionalities here }); Trong Ext Js 4, chúng ta định nghĩa theo cấu trúc sau: Ext.define('MyApp.NewClass', { //class functionalities here }); Ext.extend là hàm cũ, và được khuyến khích sử dụng Ext.define để thay thế.

Sencha Libraries CDN

Trên trang chủ của Sencha, chỉ có đường dẫn file javascript phân phối dạng CDN. Trong trường hợp bạn muốn sử dụng css thì có thể dùng cách sau đây để tìm link: Đường dẫn file javascript Ext Js 4.1: http://cdn.sencha.io/ext-4.1.0-gpl/ext-all.js Cú pháp: [trang chủ]/ext-[version]-[license]/[tên file].js Để tìm đường dẫn file css bạn theo cú pháp: [trang chủ]/ext-[version]-[license]/resources/css/[tên file].css Theo cú pháp trên ta có file css tương ứng: http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css Chúc các bạn thành công!

Html5: Tìm hiểu về Canvas

Giới thiệu về Canvas Html 5 Canvas API là một API tuyệt vời cho phép bạn tự động vẽ và hiển thị đồ họa, biểu đồ, hình ảnh và hiệu ứng. Khái niệm Canvas lần đầu tiên được Apple đưa ra và được sử dụng trong Mac OS X Webkit để tạo nên dashboard widgets. Trước khi có canvas, bạn chỉ có thể sử dụng các API đồ họa của trình duyệt thông qua plugin như Adobe Flash, Scalable Vector Graphics (SVG), Vector Markup Language (VML) (dành riêng cho Internet Explorer), hoặc một số đoạn hack của javascript.