tailieunhanh - Các ứng dụng Craft Ajax sử dụng JSF với CSS và Javascript, Phần 1: Tăng cường diện mạo của các trang JSF của bạn

Khám phá sự hỗ trợ CSS trong các thành phần JSF chuẩn Andrei Cioroianu, Nhà phát triển và Tư vấn Java cao cấp, Devsphere Tóm tắt: Các ứng dụng Web điển hình yêu cầu sử dụng Cascading Style Sheets (CSS-Các bảng định kiểu nhiều tầng) và JavaScript, cùng với một khung công tác phía-máy chủ, như là JavaServer Faces (JSF). CSS cho phép bạn thay đổi các đặc tính trực quan của các thành phần Web trong Ajax và các ứng dụng khác để chúng có thể có một phong cách thân mật và đặc biệt. Trong bài đầu. | Các ứng dụng Craft Ajax sử dụng JSF với CSS và Javascript Phần 1 Tăng cường diện mạo của các trang JSF của bạn Khám phá sự hỗ trợ CSS trong các thành phần JSF chuẩn Andrei Cioroianu Nhà phát triển và Tư vấn Java cao cấp Devsphere Tóm tắt Các ứng dụng Web điển hình yêu cầu sử dụng Cascading Style Sheets CSS-Các bảng định kiểu nhiều tầng và JavaScript cùng với một khung công tác phía-máy chủ như là JavaServer Faces JSF . CSS cho phép bạn thay đổi các đặc tính trực quan của các thành phần Web trong Ajax và các ứng dụng khác để chúng có thể có một phong cách thân mật và đặc biệt. Trong bài đầu tiên của loạt bài có hai phần này hãy khám phá cách sử dụng các thuộc tính có liên quan đến CSS của các thành phần JSF chuẩn. Ngoài ra tìm hiểu cách tạo một thành phần JSF tuỳ chỉnh để thiết lập các phong cách mặc định của các thành phần lồng nhau làm cho nó dễ dàng đảm bảo một phong cách phù hợp cho tất cả các trang của ứng dụng Web của bạn. Bạn cũng có thể sử dụng kỹ thuật này để thiết lập theo chương trình các thuộc tính thành phần khác như bạn sẽ thấy trong Phần 2 phần này sẽ chỉ ra cách làm cho các biểu mẫu JSF động hơn khi sử dụng JavaScript. Sử dụng các thuộc tính phong cách của các thành phần JSF Hầu như mọi thành phần JSF HTML có hai thuộc tính tùy chọn có tên là style và styleClass được hoàn trả như các thuộc tính style phong cách và class lớp trong kết quả HTML. Một số các thành phần như h dataTable và h panelGrid có các thuộc tính phong cách bổ sung cho các khía cạnh của chúng. Phần này bàn về các thuộc tính liên quan đến CSS của thư viện JSF HTML. Liên kết tệp CSS đến các trang JSF của bạn Nếu một trang Web có phong cách độc đáo bạn có thể định nghĩa các quy tắc phong cách trong phần tử style của tiêu đề của trang. Bạn cũng có thể xác định thông tin phong cách cho một thành phần JSF bằng cách sử dụng thuộc tính style. Tuy nhiên trong hầu hết trường hợp có lẽ bạn sẽ thích bao gồm các quy tắc phong cách trong các tệp CSS riêng để bạn có thể áp dụng chúng trên nhiều .