Thư viện tri thức trực tuyến
Kho tài liệu với 50,000+ tài liệu học thuật
© 2023 Siêu thị PDF - Kho tài liệu học thuật hàng đầu Việt Nam
Sức mạnh của JSF 2, Phần 3: Xử lý sự kiện, JavaScript và Ajax ppt
Nội dung xem thử
Mô tả chi tiết
Sức mạnh của JSF 2, Phần 3: Xử lý sự kiện, JavaScript và Ajax
Nâng cao các thành phần phức hợp bằng cách sử dụng các tính năng JSF 2 mới
David Geary, Chủ tịch, Clarity Training, Inc.
Tóm tắt: David Geary, thành viên nhóm chuyên gia Java™Server Faces (JSF) 2,
kết thúc loạt bài ba phần của ông về các tính năng mới của JSF 2. Tìm hiểu cách
sử dụng mô hình sự kiện mới của khung công tác và sự hỗ trợ kèm sẵn cho Ajax
để làm cho tất cả các thành phần tái sử dụng của bạn càng mạnh mẽ hơn.
Một trong các điểm hấp dẫn lớn nhất của JSF là nó là một khung công tác dựa vào
thành phần. Điều đó có nghĩa là bạn hoặc những người khác có thể thực hiện các
thành phần, các thành phần có thể tái sử dụng. Cơ chế tái sử dụng mạnh mẽ đó,
đối với hầu hết các phần, đã biểu hiện không đáng kể trong JSF 1 vì đã rất khó
triển khai thực hiện các thành phần.
Tuy nhiên, như bạn đã thấy trong Phần 2, JSF 2 làm cho dễ dàng triển khai thực
hiện các thành phần — không cần mã Java và không có cấu hình — với một tính
năng mới được gọi là các thành phần phức hợp. Tính năng đó có thể là phần quan
trọng nhất của JSF 2, vì cuối cùng nó thực hiện được tiềm năng của các thành
phần JSF.
Trong bài thứ ba và là bài cuối cùng về JSF 2 này, tôi sẽ cho bạn thấy làm thế nào
để cải thiện tính năng của thành phần phức hợp bằng cách sử dụng Ajax mới và
các khả năng xử lý sự kiện cũng được đưa vào trong JSF 2, với các lời khuyên sau
đây để khai thác tốt nhất JSF 2:
Lời khuyên 1: Hãy thành phần hóa
Lời khuyên 2: Hãy Ajax hóa
Lời khuyên 3: Hãy cho xem tiến độ
Trong lời khuyên đầu tiên, tôi sẽ xem xét lại ngắn gọn hai thành phần mà tôi thảo
luận chi tiết trong Phần 2. Trong các lời khuyên sau đó, tôi sẽ cho bạn thấy làm thế
nào để chuyển đổi các thành phần đó bằng cách sử dụng Ajax và xử lý-sự kiện.
Lời khuyên 1: Hãy thành phần hóa
Ứng dụng các địa điểm, mà tôi đã giới thiệu trong Phần 1, có chứa một số thành
phần phức hợp. Một là thành phần map (bản đồ), hiển thị một bản đồ của một địa
chỉ, bổ sung thêm một trình đơn thả xuống gồm các mức phóng to, như trong Hình
1:
Hình 1. Thành phần map của ứng dụng các địa điểm
Liệt kê mã rút gọn của thành phần map được hiển thị trong Liệt kê 1:
Liệt kê 1. Thành phần map
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml"
...
xmlns:composite="http://java.sun.com/jsf/composite"
xmlns:places="http://java.sun.com/jsf/composite/components/places">
<!-- INTERFACE -->
<composite:interface>
<composite:attribute name="title"/>
</composite:interface>
<!-- IMPLEMENTATION -->
<composite:implementation">
<div class="map">
...
<h:panelGrid...>
<h:panelGrid...>
<h:selectOneMenu onchange="submit()"
value="#{cc.parent.attrs.location.zoomIndex}"
valueChangeListener="#{cc.parent.attrs.location.zoomChanged}"
style="font-size:13px;font-family:Palatino">
<f:selectItems value="#{places.zoomLevelItems}"/>
</h:selectOneMenu>
</h:panelGrid>